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 相关文章推荐
使用JQ来编写最基本的淡入淡出效果附演示动画
Oct 31 Javascript
Jquery 实现图片轮换
Jan 28 Javascript
Javascript中使用A标签获取当前目录的绝对路径方法
Mar 02 Javascript
jQuery插件Validate实现自定义表单验证
Jan 18 Javascript
js console.log打印对像与数组用法详解
Jan 21 Javascript
JS中多种方式创建对象详解
Mar 22 Javascript
AngularJs bootstrap搭载前台框架——基础页面
Sep 01 Javascript
react-native DatePicker日期选择组件的实现代码
Sep 12 Javascript
vue 项目地址去掉 #的方法
Oct 20 Javascript
vue实现记事本功能
Jun 26 Javascript
js实现简单的点名器随机色实例代码
Sep 20 Javascript
微信小程序canvas实现签名功能
Jan 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
业余方法DIY电子管FM收音机
2021/03/02 无线电
php的debug相关函数用法示例
2016/07/11 PHP
laravel 5.1下php artisan migrate的使用注意事项总结
2017/06/07 PHP
php简单构造json多维数组的方法示例
2017/06/08 PHP
PHP实现的自定义图像居中裁剪函数示例【测试可用】
2017/08/11 PHP
javascript 当前日期转化为中文的实现代码
2010/05/13 Javascript
如何从jQuery的ajax请求中删除X-Requested-With
2013/12/11 Javascript
js获取通过ajax返回的map型的JSONArray的方法
2014/01/09 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
ES5学习教程之Array对象
2017/04/01 Javascript
jQuery实现腾讯信用界面(自制刻度尺)样式
2017/08/15 jQuery
分析JS中this引发的bug
2017/12/12 Javascript
Vue仿支付宝支付功能
2018/05/25 Javascript
vue mounted组件的使用
2018/06/18 Javascript
Vue中 key keep-alive的实现原理
2018/09/18 Javascript
vue-cli2.0转3.0之项目搭建的详细步骤
2018/12/11 Javascript
微信小程序上传多图到服务器并获取返回的路径
2019/05/05 Javascript
判断“命令按钮”是否被鼠标单击详解
2019/07/31 Javascript
javascript(基于jQuery)实现鼠标获取选中的文字示例【测试可用】
2019/10/26 jQuery
解决vue 子组件修改父组件传来的props值报错问题
2019/11/09 Javascript
vue实现匀速轮播效果
2020/06/29 Javascript
[43:48]Ti4正赛第一天 VG vs NEWBEE 2
2014/07/19 DOTA
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
[01:07:47]Secret vs Optic Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
python方向键控制上下左右代码
2018/01/20 Python
Python操作excel的方法总结(xlrd、xlwt、openpyxl)
2019/09/02 Python
Python使用socketServer包搭建简易服务器过程详解
2020/06/12 Python
OpenCV利用python来实现图像的直方图均衡化
2020/10/21 Python
解决PDF 转图片时丢文字的一种可能方式
2021/03/04 Python
利用HTML5实现使用按钮控制背景音乐开关
2015/09/21 HTML / CSS
园林毕业生自我鉴定范文
2013/12/29 职场文书
运动会广播稿200字
2014/01/15 职场文书
软件售后服务方案
2014/05/29 职场文书
幼儿园个人总结
2015/02/28 职场文书
有关水浒传的读书笔记
2015/06/25 职场文书
英语导游欢迎词
2015/09/30 职场文书