vue的路由:hash模式 和 history模式的区别
2020-06-03 04:29
459 查看
1.直观区别:
hash模式url带#号,history模式不带#号。
2.深层区别:
hash模式url里面永远带着#号,我们在开发当中默认使用这个模式。
如果用户考虑url的规范那么就需要使用history模式,因为history模式没有#号,是个正常的url适合推广宣传
功能也有区别,比如我们在开发app的时候有分享页面,那么这个分享出去的页面就是用vue或是react做的,
把这个页面分享到第三方的app里,有的app里面url是不允许带有#号的,所以要将#号去除那么就要使用history模式
但是使用history模式还有一个问题就是,在访问二级页面的时候,做刷新操作,会出现404错误,那么就需要和后端人配合让他配置一下apache或是nginx的url重定向,重定向到你的首页路由上就ok啦。
history 模式下,前端的 URL 必须和实际向后端发起请求的 URL 一致
相关文章推荐
- Vue-router 中hash模式和history模式的区别
- vue-router的两种模式(hash和history)及区别
- vue路由的hash模式和history模式的打包并查看本地效果的方法
- vue-router中的hash和history两种模式的区别
- Vue hash 路由和 history 路由的区别
- Vue的路由实现:hash模式 和 history模式 abstract模式
- Vue-router 中hash模式和history模式的区别
- 如何去除vue项目中的 # — vue路由的History模式
- 前端路由的两种模式: hash 模式和 history 模式
- (转发)前端路由history模式与hash模式
- VUE的history模式下除了index外其他路由404报错解决办法
- 一文了解vue-router之hash模式和history模式
- 解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
- 使用前端路由 history 模式的前后端配置说明(Vue、Vue-Router、Webpack、tomcat 项目)
- vue路由history模式去掉#
- springboot中集成vue项目,vue项目路由history模式不能刷新和输入url访问问题
- vue路由history模式刷新页面出现404问题
- vue-router菜鸟进阶!(路由组件传参 vs H5 History模式)
- vue-router两种模式,到底什么情况下用hash,什么情况下用history模式呢?
- vue router mode 设置"hash"与"history"的区别