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技巧来提高你的代码
Jan 08 Javascript
JS上传图片前的限制包括(jpg jpg gif及大小高宽)等
Dec 19 Javascript
js屏蔽鼠标键盘(右键/Ctrl+N/Shift+F10/F11/F5刷新/退格键)
Jan 24 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
Bootstrap每天必学之js插件
Nov 30 Javascript
Bootstrap3学习笔记(二)之排版
May 20 Javascript
Bootstrap下拉菜单效果实例代码分享
Jun 30 Javascript
原生js实现返回顶部缓冲效果
Jan 18 Javascript
ionic中的$ionicPlatform.ready事件中的通用设置
Jun 11 Javascript
jquery radio 动态控制选中失效问题的解决方法
Feb 28 jQuery
vuex实现购物车功能
Jun 28 Javascript
vue实力踩坑之push当前页无效
Apr 10 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
thinkPHP框架实现图像裁剪、缩放、加水印的方法
2017/03/14 PHP
PHP设计模式之原型设计模式原理与用法分析
2018/04/25 PHP
实例说明js脚本语言和php脚本语言的区别
2019/04/04 PHP
thinkphp5框架扩展redis类方法示例
2019/05/06 PHP
laravel 使用auth编写登录的方法
2019/09/30 PHP
个人总结的一些关于String、Function、Array的属性和用法
2007/01/10 Javascript
2007/12/23更新创意无限,简单实用(javascript log)
2007/12/24 Javascript
extjs 学习笔记 四 带分页的grid
2009/10/20 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
2012/10/15 Javascript
JS localStorage实现本地缓存的方法
2013/06/22 Javascript
javascript实现字符串反转的方法
2015/02/05 Javascript
jquery判断当前浏览器的实现代码
2015/11/07 Javascript
简述JavaScript提交表单的方式 (Using JavaScript Submit Form)
2016/03/18 Javascript
Bootstrap3 图片(响应式图片&图片形状)
2017/01/04 Javascript
使用BootStrap实现表格隔行变色及hover变色并在需要时出现滚动条
2017/01/04 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
自定义Vue组件打包、发布到npm及使用教程
2019/05/22 Javascript
node.js中path路径模块的使用方法实例分析
2020/02/13 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
Vue 实现监听窗口关闭事件,并在窗口关闭前发送请求
2020/09/01 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
利用Python的Twisted框架实现webshell密码扫描器的教程
2015/04/16 Python
Python判断一个list中是否包含另一个list全部元素的方法分析
2018/12/24 Python
使用Python制作一个数据预处理小工具(多种操作一键完成)
2021/02/07 Python
Roxy美国官网:澳大利亚冲浪、滑雪健身品牌
2016/07/30 全球购物
在线购买澳大利亚设计师手拿包和奢华晚装手袋:Olga Berg
2019/03/20 全球购物
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
企业群众路线教育实践活动心得体会
2014/11/03 职场文书
个人求职意向书
2015/05/11 职场文书
当幸福来敲门英文观后感
2015/06/01 职场文书
先进党支部事迹材料2016
2016/02/26 职场文书
学生安全责任协议书
2016/03/22 职场文书
人为什么会“幸灾乐祸”?
2019/08/06 职场文书
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
pyqt5打包成exe可执行文件的方法
2021/05/14 Python
golang操作redis的客户端包有多个比如redigo、go-redis
2022/04/14 Golang