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


Posted in Javascript onOctober 18, 2018

特别提醒:开启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 相关文章推荐
JavaScript的类型转换(字符转数字 数字转字符)
Aug 30 Javascript
JQuery获取或设置ckeditor的数据(示例代码)
Nov 15 Javascript
js实现按钮控制图片360度翻转特效的方法
Feb 17 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
JS实现黑色风格的网页TAB选项卡效果代码
Oct 09 Javascript
ES6新特性之Object的变化分析
Mar 31 Javascript
js实现多张图片延迟加载效果
Jul 17 Javascript
Angular2.0/4.0 使用Echarts图表的示例代码
Dec 07 Javascript
解决easyui日期时间框ie的兼容的问题
Mar 01 Javascript
微信小程序全局变量功能与用法详解
Jan 22 Javascript
详解JS预解析原理
Jun 16 Javascript
jQuery实现图片切换效果
Oct 19 jQuery
详解vue文件中使用echarts.js的两种方式
Oct 18 #Javascript
使用wxapp-img-loader自定义组件实现微信小程序图片预加载功能
Oct 18 #Javascript
vue中使用cookies和crypto-js实现记住密码和加密的方法
Oct 18 #Javascript
vue中导出Excel表格的实现代码
Oct 18 #Javascript
vue实现pdf导出解决生成canvas模糊等问题(推荐)
Oct 18 #Javascript
vue 指令之气泡提示效果的实现代码
Oct 18 #Javascript
使用JS获取页面上的所有标签
Oct 18 #Javascript
You might like
PHP+XML 制作简单的留言本 图文教程
2009/11/02 PHP
PHP MVC模式在网站架构中的实现分析
2010/03/04 PHP
Yii2框架中使用PHPExcel导出Excel文件的示例
2017/08/09 PHP
Laravel框架中自定义模板指令总结
2017/12/17 PHP
JS 对象介绍
2010/01/20 Javascript
基于javascript实现浏览器滚动条快到底部时自动加载数据
2015/11/30 Javascript
jQuery获取访问者IP地址的方法(基于新浪API与QQ查询接口)
2016/05/25 Javascript
jQuery动态添加与删除tr行实例代码
2016/10/18 Javascript
xcode中获取js文件的路径方法(推荐)
2016/11/05 Javascript
BootStrap Table 获取同行不同列元素的方法
2016/12/19 Javascript
从零学习node.js之详解异步控制工具async(八)
2017/02/27 Javascript
浅谈vue中关于checkbox数据绑定v-model指令的个人理解
2018/11/14 Javascript
在 Vue-CLI 中引入 simple-mock实现简易的 API Mock 接口数据模拟
2018/11/28 Javascript
es6数值的扩展方法
2019/03/11 Javascript
生产制造追溯系统之再说条码打印
2019/06/03 Javascript
layui动态渲染生成select的option值方法
2019/09/23 Javascript
vue实现吸顶、锚点和滚动高亮按钮效果
2019/10/21 Javascript
了不起的11个JavaScript代码重构最佳实践小结
2021/01/11 Javascript
Python双精度浮点数运算并分行显示操作示例
2017/07/21 Python
python科学计算之narray对象用法
2019/11/25 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
python实现二分类和多分类的ROC曲线教程
2020/06/15 Python
高级文秘工作总结的自我评价
2013/09/28 职场文书
物业管理专业个人的自我评价
2013/11/19 职场文书
初一学生期末评语
2014/04/24 职场文书
生日庆典策划方案
2014/06/02 职场文书
大专生自荐书范文
2014/06/22 职场文书
2015年考研复习计划
2015/01/19 职场文书
物业工程部岗位职责
2015/02/11 职场文书
太行山上观后感
2015/06/05 职场文书
网吧温馨提示
2015/07/17 职场文书
毕业欢送晚会主持词
2019/06/25 职场文书
什么是创业计划书?什么是商业计划书?这里一一解答
2019/07/12 职场文书
创业计划书之废品回收
2019/09/26 职场文书
Redis IP地址的绑定的实现
2021/05/08 Redis
苹果电脑mac os中货币符号快捷输入
2022/02/17 杂记