vue 项目只要不是静态页面,一般都会和官方的路由管理器 vue-router 一起使用。因为 vue 在页面上显示哪个组件是根据 vue-router 进行控制的,在地址栏上直接输入路由名称,并不能触发 vue-router 的规则,所以只能通过监听地址的改变,利用回调函数在组件内部进行动态修改路由。vue-router 默认是 hash 模式,通过更改模式为 history 模式可以解决这个问题,但是这需要后端配合,更改服务端配置,虽然过程稍麻烦但也是一个办法,有兴趣的朋友可以查看往期文章 。hash 就是 URL 地址中 # 字符后面的字符串。通过监听 hash 的状态,来动态修改 vue-router 的路由,是页面进行组件切换,这样就不会导致页面报错或 404 了。解决方法:在App.vue中添加判断ie加手动修复:onhashchange事件ie8就已经支持了。
暂无评论