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 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
预加载css或javascript的js代码
Apr 23 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
修改或扩展jQuery原生方法的代码实例
Jan 13 Javascript
javascript中replace( )方法的使用
Apr 24 Javascript
jQuery动态背景图片效果实现方法
Jul 03 Javascript
jQuery.deferred对象使用详解
Mar 18 Javascript
JS+CSS实现下拉刷新/上拉加载插件
Mar 31 Javascript
深入理解vuex2.0 之 modules
Nov 20 Javascript
apicloud拉起小程序并传递参数的方法示例
Nov 21 Javascript
jQuery对底部导航进行跳转并高亮显示的实例代码
Apr 23 jQuery
完美解决vue 中多个echarts图表自适应的问题
Jul 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
ThinkPHP调试模式与日志记录概述
2014/08/22 PHP
微信支付开发交易通知实例
2016/07/12 PHP
Yii2实现log输出到file及database的方法
2016/11/12 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
Git命令之分支详解
2021/03/02 PHP
prototype 1.5 & scriptaculous 1.6.1 学习笔记
2006/09/07 Javascript
jQuery Jcrop插件实现图片选取功能
2011/11/23 Javascript
Javascript面向对象编程
2012/03/18 Javascript
javascript中input中readonly和disabled区别介绍
2012/10/23 Javascript
Javascript计算两个marker之间的距离(Google Map V3)
2013/04/26 Javascript
js点击按钮实现带遮罩层的弹出视频效果
2015/12/19 Javascript
使用RequireJS库加载JavaScript模块的实例教程
2016/06/06 Javascript
JS字符串按逗号和回车分隔的方法
2017/04/25 Javascript
详解react-webpack2-热模块替换[HMR]
2017/08/03 Javascript
AngularJS实现的输入框字数限制提醒功能示例
2017/10/26 Javascript
浅析Angular19 自定义表单控件
2018/01/31 Javascript
小程序显示弹窗时禁止下层的内容滚动实现方法
2019/03/20 Javascript
React精髓!一篇全概括小结(急速)
2019/05/23 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
简单了解Ajax表单序列化的实现方法
2019/06/14 Javascript
Vue双向绑定实现原理与方法详解
2020/05/07 Javascript
在Python中marshal对象序列化的相关知识
2015/07/01 Python
用python的requests第三方模块抓取王者荣耀所有英雄的皮肤实例
2017/12/14 Python
Python数据结构之双向链表的定义与使用方法示例
2018/01/16 Python
pygame游戏之旅 计算游戏中躲过的障碍数量
2018/11/20 Python
Python 3.x基于Xml数据的Http请求方法
2018/12/28 Python
简单了解python的内存管理机制
2019/07/08 Python
对Python生成器、装饰器、递归的使用详解
2019/07/19 Python
基于tf.shape(tensor)和tensor.shape()的区别说明
2020/06/30 Python
python openCV实现摄像头获取人脸图片
2020/08/20 Python
巴黎一票通:The Paris Pass
2018/02/10 全球购物
个人简历自荐信
2013/12/05 职场文书
经典演讲稿汇总
2014/05/19 职场文书
2015年安全生产目标责任书
2015/01/29 职场文书
酒店优秀员工推荐信
2015/03/24 职场文书
小学生红领巾广播稿
2015/08/19 职场文书