vue2.0 路由模式mode="history"的作用

2018-10-18 24 狂奔的小马扎

特别提醒:开启mode="history"模式,需要服务端的支持,因为出现“刷新页面报错404”的问题;

大家都知道,路由地址都是以"#"形式展示,但是有些时候,我们又希望路由地址中不出现"#",那怎么办呢?

vue给我们提供了一个属性mode="history";代码如下

const router = new Router({
 mode: 'history', // 去掉路由地址的#
 routes: [
 {
 path: '/', // 默认进入路由[写在第一个]
 redirect: '/home' //重定向
 },
 {
 path: '/login',
 name: 'login',
 component: LoginPage
 },
 {
 path: '**', // 错误路由[写在最后一个]
 redirect: '/home' //重定向
 }
 ]
});

总结

以上所述是小编给大家介绍的vue2.0 路由模式mode="history"的作用 ,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

展开阅读全文

更多Javascript文章

Prototype使用指南之dom.js
Jan 10 17
JavaScript中的document.referrer在各种浏览器测试结果
Jul 18 34
深入浅析JavaScript面向对象和原型函数
Feb 06 15
JS判断字符串字节数并截取长度的方法
Mar 05 30
快速解决js开发下拉框中blur与click冲突
Oct 10 20
深入理解vue.js中的v-if和v-show
Jun 22 51
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
Dec 14 21
手机访问当前页面