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 相关文章推荐
js同时按下两个方向键
Dec 01 Javascript
FireFox与IE 下js兼容触发click事件的代码
Nov 20 Javascript
Javascript中克隆一个数组的实现代码
Dec 06 Javascript
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
Dec 17 Javascript
Jquery实现自定义tooltip示例代码
Feb 12 Javascript
js禁止页面刷新与后退的方法
Jun 08 Javascript
js实现获取两个日期之间所有日期的方法
Jun 17 Javascript
AngularJS中的表单简单入门
Jul 28 Javascript
Bootstrap popover用法详解
Dec 22 Javascript
Angular模版驱动表单的使用总结
May 05 Javascript
JavaScript常见继承模式实例小结
Jan 11 Javascript
详解vue3中组件的非兼容变更
Mar 03 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
收音机史话 - 1960年代前后的DIY
2021/03/02 无线电
基于Discuz security.inc.php代码的深入分析
2013/06/03 PHP
php实现分页功能的详细实例方法
2019/09/29 PHP
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
JS 屏蔽键盘不可用与鼠标右键不可用的方法
2013/11/18 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
实现一个简单的vue无限加载指令方法
2017/01/10 Javascript
JavaScript实现跟随滚动缓冲运动广告框
2017/07/15 Javascript
ES6新增的math,Number方法
2017/08/06 Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
2017/11/24 Javascript
JS实现DOM节点插入操作之子节点与兄弟节点插入操作示例
2018/07/30 Javascript
详解使用uni-app开发微信小程序之登录模块
2019/05/09 Javascript
Vue2.x通用编辑组件的封装及应用详解
2019/05/28 Javascript
React生命周期原理与用法踩坑笔记
2020/04/28 Javascript
JQuery获得内容和属性方法解析
2020/05/30 jQuery
JSON获取属性值方法代码实例
2020/06/30 Javascript
[04:50]DOTA2亚洲邀请赛小组赛第四日 TOP10精彩集锦
2015/02/02 DOTA
Python使用filetype精确判断文件类型
2017/07/02 Python
python中hashlib模块用法示例
2017/10/30 Python
简单实现python收发邮件功能
2018/01/05 Python
Python 实现选择排序的算法步骤
2018/04/22 Python
python 反编译exe文件为py文件的实例代码
2019/06/27 Python
pandas中read_csv、rolling、expanding用法详解
2020/04/21 Python
django filter过滤器实现显示某个类型指定字段不同值方式
2020/07/16 Python
法律进学校实施方案
2014/03/15 职场文书
少儿节目主持串词
2014/04/02 职场文书
大一新生学期自我评价
2014/04/09 职场文书
合作协议书
2014/04/23 职场文书
小学学雷锋活动总结
2014/04/25 职场文书
文员试用期转正自我鉴定
2014/09/14 职场文书
四风问题个人自查剖析材料思想汇报
2014/09/21 职场文书
2014国庆65周年领导讲话稿(3篇)
2014/09/21 职场文书
2015年英语教师工作总结
2015/05/20 职场文书
行政复议决定书
2015/06/24 职场文书
导游带团欢迎词
2015/09/30 职场文书
MySQL系列之四 SQL语法
2021/07/02 MySQL