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 相关文章推荐
jQuery 学习 几种常用方法
Jun 11 Javascript
defer属性导致引用JQuery的页面报“浏览器无法打开网站xxx,操作被中止”错误的解决方法
Apr 27 Javascript
jQuery LigerUI 使用教程表格篇(1)
Jan 18 Javascript
javascript中的document.open()方法使用介绍
Oct 09 Javascript
javascript中创建对象的几种方法总结
Nov 01 Javascript
XML、HTML、CSS与JS的区别整理
Feb 18 Javascript
jquery append与appendTo方法比较
May 24 jQuery
VUE-cli3使用 svg-sprite-loader
Oct 20 Javascript
从0到1搭建element后台框架优化篇(打包优化)
May 12 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
Aug 09 Javascript
JS/CSS实现字符串单词首字母大写功能
Sep 03 Javascript
vue3弹出层V3Popup实例详解
Jan 04 Vue.js
详解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
Window下PHP三种运行方式图文详解
2013/06/11 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
php mongodb操作类 带几个简单的例子
2016/08/25 PHP
Javascript学习笔记9 prototype封装继承
2010/01/11 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
2011/04/02 Javascript
JS获取并操作iframe中元素的方法
2013/03/21 Javascript
使用JS+plupload直接批量上传图片到又拍云
2014/12/01 Javascript
javascript中new关键字详解
2015/12/14 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
jQuery深拷贝Json对象简单示例
2016/07/06 Javascript
老生常谈JavaScript 正则表达式语法
2016/08/20 Javascript
js document.getElementsByClassName的使用介绍与自定义函数
2016/11/25 Javascript
jQuery实现一个简单的验证码功能
2017/06/26 jQuery
JS 60秒后重新发送验证码的实例讲解
2017/07/26 Javascript
JavaScript作用域链实例详解
2019/01/21 Javascript
javascript实现前端分页效果
2020/06/24 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
[57:22]2018DOTA2亚洲邀请赛 4.7总决赛 LGD vs Mineski 第五场
2018/04/10 DOTA
Python isinstance判断对象类型
2008/09/06 Python
使用Python发送邮件附件以定时备份MySQL的教程
2015/04/25 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
Python3实现发送QQ邮件功能(文本)
2017/12/15 Python
HTML5+CSS3模仿优酷视频截图功能示例
2017/01/05 HTML / CSS
html5 canvas简单封装一个echarts实现不了的饼图
2018/06/12 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
八皇后问题,输出了所有情况,不过有些结果只是旋转了90度
2016/08/15 面试题
第二层交换机和路由器的区别?第三层交换机和路由器的区别?
2013/05/23 面试题
金蝶的一道SQL笔试题
2012/12/18 面试题
Java中的异常处理机制的简单原理和应用
2013/04/27 面试题
机电一体化职业规划书
2014/01/07 职场文书
个人考核材料
2014/05/15 职场文书
投标承诺书怎么写
2014/05/24 职场文书
社会实践的活动方案
2014/08/22 职场文书
刑事上诉状范文
2015/05/22 职场文书
2016年小学六一儿童节活动总结
2016/04/06 职场文书
《狼王梦》读后感:可怜天下父母心
2019/11/01 职场文书