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进阶教程(第四课第一部分)
Apr 05 Javascript
toString()一个会自动调用的方法
Feb 08 Javascript
JavaScript起点(严格模式深度了解)
Jan 28 Javascript
js获取ajax返回值代码
Apr 30 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
Mar 28 Javascript
Angular2 多级注入器详解及实例
Oct 30 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
Jul 13 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
js中offset,client , scroll 三大元素知识点总结
Sep 11 Javascript
解决layui数据表格Date日期格式的回显Object的问题
Sep 19 Javascript
详解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获取网卡地址的代码
2008/04/09 PHP
PHP中trait使用方法详细介绍
2017/05/21 PHP
PHP实现SMTP邮件的发送实例
2018/09/27 PHP
YII2框架中actions的作用与使用方法示例
2020/03/13 PHP
jQuery使用before()和after()在元素前后添加内容的方法
2015/03/26 Javascript
JavaScript实现级联菜单的方法
2015/06/29 Javascript
JQuery Mobile实现导航栏和页脚
2016/03/09 Javascript
Bootstrap下拉菜单效果实例代码分享
2016/06/30 Javascript
JavaScript和jQuery制作光棒效果
2017/02/24 Javascript
vue拦截器Vue.http.interceptors.push使用详解
2017/04/22 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
微信小程序使用canvas的画图操作示例
2019/01/18 Javascript
基于vue实现滚动条滚动到指定位置对应位置数字进行tween特效
2019/04/18 Javascript
vue props 单项数据流实例分享
2020/02/16 Javascript
python 动态获取当前运行的类名和函数名的方法
2014/04/15 Python
python字符串替换示例
2014/04/24 Python
windows下Virtualenvwrapper安装教程
2017/12/13 Python
python中copy()与deepcopy()的区别小结
2018/08/03 Python
python os.path模块常用方法实例详解
2018/09/16 Python
Python2和Python3中urllib库中urlencode的使用注意事项
2018/11/26 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
用python写一个定时提醒程序的实现代码
2019/07/22 Python
pyenv与virtualenv安装实现python多版本多项目管理
2019/08/17 Python
快速解决Django关闭Debug模式无法加载media图片与static静态文件
2020/04/07 Python
纯CSS3实现给头像加个光芒四射且旋转的背景动画效果
2014/05/07 HTML / CSS
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
会计电算一体化个人简历的自我评价
2013/10/15 职场文书
经理管理专业自荐信范文
2013/12/31 职场文书
中学生校园广播稿
2014/01/16 职场文书
初中国旗下的演讲稿
2014/08/28 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
入党心得体会
2019/06/20 职场文书
python中Tkinter 窗口之输入框和文本框的实现
2021/04/12 Python
一篇文章带你学习Mybatis-Plus(新手入门)
2021/08/02 Java/Android
浅谈GO中的Channel以及死锁的造成
2022/03/18 Golang