Fe-interview: [vue] vue-router路由有几种模式？说说它们的区别？
[vue] vue-router路由有几种模式？说说它们的区别？
vue
haizhilin2013
All 4 comments
共有两种模式
hash: 使用变更hash不会刷新页面的特性, 来变更路由, 做到单页面无刷新
history: 使用html5的history方法, 不支持老旧浏览器, 但是如果要部署到服务器的化, 需要在ng上进行相应的正向代理跳转, 否则拷贝的链接会打不开
wenyejie
on 27 Jun 2019
👍1
默认为 hash 模式，在 VueRouter 实例中添加 mode 属性并设值为 'history' 更改为 history 模式，此模式基于 html5
Eleven-SL
on 15 Aug 2019
hash模式和history模式，一般的前端使用hash模式，hash表示的是url中#的变化，当#变化是引起路由跳转
liuxiaoyang1
on 19 Nov 2019
hash模式：
1.url路径会出现“#”号字符
2.hash值不包括在Http请求中，它是交由前端路由处理，所以改变hash值时不会刷新页面，也不会向服务器发送请求
3.hash值的改变会触发hashchange事件
history模式：
1.整个地址重新加载，可以保存历史记录，方便前进后退
2.依赖H5 API和后台配置，没有后台配置的话，页面刷新时会出现404
WenJieLi1998
on 19 Apr 2020
👀2
🚀2
❤2
🎉2
😕1
😄1
👍1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
haizhilin2013
·
3Comments
undefinedYu
·
3Comments
Most helpful comment
hash模式：
1.url路径会出现“#”号字符
2.hash值不包括在Http请求中，它是交由前端路由处理，所以改变hash值时不会刷新页面，也不会向服务器发送请求
3.hash值的改变会触发hashchange事件
history模式：
1.整个地址重新加载，可以保存历史记录，方便前进后退
2.依赖H5 API和后台配置，没有后台配置的话，页面刷新时会出现404