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 相关文章推荐
中文路径导致unitpngfix.js不正常的解决方法
Jun 26 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
轻松掌握jQuery中wrap()与unwrap()函数的用法
May 24 Javascript
JS检测移动端横竖屏的代码
May 30 Javascript
全面解析jQuery $(document).ready()和JavaScript onload事件
Jun 08 Javascript
AngulerJS学习之按需动态加载文件
Feb 13 Javascript
vue2.0与bootstrap3实现列表分页效果
Nov 28 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
Dec 14 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
webpack常用构建优化策略小结
Nov 21 Javascript
解决removeEventListener 无法清除监听的问题
Oct 30 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
mysql 全文搜索 技巧
2007/04/27 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
PHP Session机制简介及用法
2014/08/19 PHP
PHP判断浏览器、判断语言代码分享
2015/03/05 PHP
php 参数过滤、数据过滤详解
2015/10/26 PHP
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
JS中的prototype与面向对象的实例讲解
2013/05/22 Javascript
Javascript加载速度慢的解决方案
2014/03/11 Javascript
jq实现左侧显示图片右侧文字滑动切换效果
2015/08/04 Javascript
jquery UI Datepicker时间控件的使用方法(加强版)
2015/11/07 Javascript
AngularJS过滤器filter用法实例分析
2016/11/04 Javascript
iOS + node.js使用Socket.IO框架进行实时通信示例
2017/04/14 Javascript
angularJS的radio实现单项二选一的使用方法
2018/02/28 Javascript
详解vue如何使用rules对表单字段进行校验
2018/10/17 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
js中arguments对象的深入理解
2019/05/14 Javascript
基于Vue+Webpack拆分路由文件实现管理
2020/11/16 Javascript
Python语言描述最大连续子序列和
2017/12/05 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
Python 的字典(Dict)是如何存储的
2019/07/05 Python
如何利用Python开发一个简单的猜数字游戏
2019/09/22 Python
关于tf.reverse_sequence()简述
2020/01/20 Python
解决python使用list()时总是报错的问题
2020/05/05 Python
浅析Python面向对象编程
2020/07/10 Python
python中绕过反爬虫的方法总结
2020/11/25 Python
Lacoste美国官网:经典POLO衫品牌
2016/10/12 全球购物
沪江旗下的海量优质课程平台:沪江网校
2017/11/07 全球购物
DNA基因检测和分析:23andMe
2019/05/01 全球购物
安全教育心得体会
2013/12/29 职场文书
创业计划书如何编写
2014/02/06 职场文书
群众路线教育实践活动总结
2014/10/30 职场文书
2014年医院科室工作总结
2014/12/20 职场文书
初中军训感言
2015/08/01 职场文书
施工安全协议书
2016/03/22 职场文书
解决jupyter notebook图片显示模糊和保存清晰图片的操作
2021/04/24 Python