browserHistory和hashHistory的区别

browserHistory和hashHistory的区别:

两者的区别简单来说是对路由方式的处理不一样,hashHistory 是以 # 后面的路径进行处理,通过 HTML 5 History 进行前端路

由管理,而 browserHistory 则是类似我们通常的页面访问路径,并没有 #,通过服务端的配置,能够访问指定的 url 都定向到

当前页面,从而能够进行前端的路由管理。

所以如果你的 url 里有 #,想去掉的话,需要切换为 browserHistory。

如果你使用的是静态站点,那么使用 browserHistory 可能会无法访问你的应用,因为假设你访问 

http://localhost:8000/dashboard/monitor,那么其实你的静态服务器并没有能够映射的文件,而使用 hashHistory 则不会有

这个问题,因为它的页面路径是以 # 开始的,所有访问都在前端完成,如:http://localhost:8000/#/dashboard/monitor。

不过如果你有对应的后台服务器,那么我们推荐采用 browserHistory,只需要在服务端做一个映射。(后端人员在服务端指定无论访问是什么地址,都映射到index页面,前端router会根据地址解析到指定路由。ps有些时候 例如微信的回调如果地址存在#号,有时会出现丢失参数情况)

 

 

Vue-router本地服务器使用history出现找不到页面的问题解决方法

在设置 vue-rouer 的 history 后使用 router-link 跳转没有问题, 但刷新页面后发现页面就找不到了

解决方法:
在 webpack.config.js 中,找到 scripts 自己配置的 webpack 服务器配置,比如我的是
修改前:"server": "webpack-dev-server --open"
修改后:
"server": "webpack-dev-server --open --history-api-fallback"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值