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 25 Javascript
jquery时间下拉框小例子
Apr 15 Javascript
你必须知道的Javascript知识点之"深入理解作用域链"的介绍
Apr 23 Javascript
js动态设置div的值下例子
Oct 29 Javascript
jQuery控制frames及frame页面JS的方法
Mar 08 Javascript
js字符串截取函数slice、substring和substr的比较
May 17 Javascript
js实现开启密码大写提示
Dec 21 Javascript
Angularjs 动态添加指令并绑定事件的方法
Apr 13 Javascript
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
浅谈Vue Element中Select下拉框选取值的问题
Mar 01 Javascript
微信小程序实现发红包功能
Jul 11 Javascript
vue a标签点击实现赋值方式
Sep 07 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显示MySQL数据的三种方法
2008/06/05 PHP
PHP管理依赖(dependency)关系工具 Composer 安装与使用
2014/08/18 PHP
Linux php 中文乱码的快速解决方法
2016/05/13 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
PHP设计模式之建造者模式(Builder)原理与用法案例详解
2019/12/12 PHP
PHP fopen中文文件名乱码问题解决方案
2020/10/28 PHP
js实现页面打印功能实例代码(附去页眉页脚功能代码)
2009/12/15 Javascript
Jquery命名冲突解决的五种方案分享
2012/03/16 Javascript
基于jQuery的公告无限循环滚动实现代码
2012/05/11 Javascript
javascript禁制后退键(Backspace)实例代码
2013/11/15 Javascript
JavaScript调用客户端的可执行文件(示例代码)
2013/11/28 Javascript
node.js中的fs.writeFile方法使用说明
2014/12/14 Javascript
使用JavaScript获取地址栏参数的方法
2014/12/19 Javascript
javascript jquery对form元素的常见操作详解
2016/06/12 Javascript
解决node.js安装包失败的几种方法
2016/09/02 Javascript
vue2.0父子组件间通信的实现方法
2017/04/19 Javascript
Vue实现typeahead组件功能(非常靠谱)
2017/08/26 Javascript
简单谈谈CommonsChunkPlugin抽取公共模块
2017/12/31 Javascript
如何为你的JS项目添加智能提示与类型检查详解
2019/03/12 Javascript
vue父子组件的通信方法(实例详解)
2019/11/10 Javascript
jQuery 淡入/淡出效果函数用法分析
2020/05/19 jQuery
Vue中登录验证成功后保存token,并每次请求携带并验证token操作
2020/09/08 Javascript
[59:15]EG vs LGD 2018国际邀请赛淘汰赛BO3 第一场 8.26
2018/08/29 DOTA
在Python中处理列表之reverse()方法的使用教程
2015/05/21 Python
python根据京东商品url获取产品价格
2015/08/09 Python
python 的列表遍历删除实现代码
2020/04/12 Python
Python list列表中删除多个重复元素操作示例
2019/02/27 Python
Python爬虫实例——scrapy框架爬取拉勾网招聘信息
2020/07/14 Python
HTML5 MiranaVideo播放器 (代码开源)
2010/06/11 HTML / CSS
ASP.NET中的身份验证有那些
2012/07/13 面试题
高中生期末评语
2014/01/28 职场文书
小学生检讨书大全
2014/02/06 职场文书
元旦联欢会主持词
2014/03/26 职场文书
和谐家庭演讲稿
2014/05/24 职场文书
超市创意活动方案
2014/08/15 职场文书
大学生职业生涯规划大赛作品(精品)
2014/09/17 职场文书