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 10 Javascript
JavaScript高级程序设计 DOM学习笔记
Sep 10 Javascript
正则表达式搭配js轻松处理json文本方便而老古
Feb 17 Javascript
js获得鼠标的坐标值的方法
Mar 13 Javascript
jQuery使用ajaxSubmit()提交表单示例
Apr 04 Javascript
JS是按值传递还是按引用传递
Jan 30 Javascript
浅析JS运动
Dec 28 Javascript
jQuery的事件预绑定
Dec 05 Javascript
原生js实现可拖动的登录框效果
Jan 21 Javascript
Vue 单文件中的数据传递示例
Mar 21 Javascript
Vue全家桶实践项目总结(推荐)
Nov 04 Javascript
从Node.js事件触发器到Vue自定义事件的深入讲解
Jun 26 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 checkdate、getdate等日期时间函数操作详解
2010/03/11 PHP
Apache服务器下防止图片盗链的办法
2015/07/06 PHP
nginx下安装php7+php5
2016/07/31 PHP
使用WAMP搭建PHP本地开发环境
2017/05/10 PHP
php curl上传、下载、https登陆实现代码
2017/07/23 PHP
Jquery 1.42 checkbox 全选和反选代码
2010/03/27 Javascript
fancybox modal的完美解决(右上的X)
2012/10/30 Javascript
nullJavascript中创建对象的五种方法实例
2013/05/07 Javascript
jquery如何实现锚点链接之间的平滑滚动
2013/12/02 Javascript
判断复选框是否被选中的两种方法
2014/06/04 Javascript
使用npm发布Node.JS程序包教程
2015/03/02 Javascript
JavaScript创建一个object对象并操作对象属性的用法
2015/03/23 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
BootStrap智能表单实战系列(四)表单布局介绍
2016/06/13 Javascript
jquery实现界面无刷新加载登陆注册
2016/07/30 Javascript
详解vue嵌套路由-params传递参数
2017/05/23 Javascript
JavaScript中发出HTTP请求最常用的方法
2018/07/12 Javascript
小程序组件之仿微信通讯录的实现代码
2018/09/12 Javascript
vue项目打包后上传至GitHub并实现github-pages的预览
2019/05/06 Javascript
Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结
2019/05/28 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
2020/07/17 Javascript
[01:06:54]DOTA2-DPC中国联赛 正赛 RNG vs Dragon BO3 第一场 1月24日
2021/03/11 DOTA
python将文本转换成图片输出的方法
2015/04/28 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
曼联官方网上商店:Manchester United Direct
2017/07/28 全球购物
婴儿地球:Baby Earth
2018/12/25 全球购物
意大利折扣和优惠券网站:Groupalia
2019/10/09 全球购物
老师给学生的表扬信
2014/01/17 职场文书
幼儿园大班开学教师寄语
2014/04/03 职场文书
庆六一活动总结
2014/08/29 职场文书
房地产经营管理专业自荐信
2014/09/02 职场文书
物业客服专员岗位职责
2015/04/07 职场文书
大学生心理健康教育心得体会
2016/01/12 职场文书
创业计划书之旅游网站
2019/09/06 职场文书
MySQL七大JOIN的具体使用
2022/02/28 MySQL