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 相关文章推荐
js 验证密码强弱的小例子
Mar 21 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
jQuery中;function($,undefined) 前面的分号的用处
Dec 17 Javascript
JS获取iframe中marginHeight和marginWidth属性的方法
Apr 01 Javascript
js轮播图的插件化封装详解
Jul 17 Javascript
浅谈Vuejs Prop基本用法
Aug 17 Javascript
JavaScript变量作用域及内存问题实例分析
Jun 10 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
Jul 24 Javascript
mock.js模拟数据实现前后端分离
Jul 24 Javascript
js实现图片3D轮播效果
Sep 21 Javascript
JS实现电商商品展示放大镜特效
Jan 07 Javascript
解决vue下载后台传过来的乱码流的问题
Dec 05 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
php设计模式 Builder(建造者模式)
2011/06/26 PHP
利用PHP扩展vld查看PHP opcode操作步骤
2013/03/04 PHP
php pdo连接数据库操作示例
2019/11/18 PHP
超棒的javascript页面顶部卷动广告效果
2007/12/01 Javascript
Javascript中封装window.open解决不兼容问题
2014/09/28 Javascript
Javascript通过overflow控制列表闭合与展开的方法
2015/05/15 Javascript
jQuery实现带动画效果的多级下拉菜单代码
2015/09/08 Javascript
jQuery模拟Marquee实现无缝滚动效果完整实例
2016/09/29 Javascript
webstorm添加vue.js支持的方法教程
2017/07/05 Javascript
利用JS测试目标网站的打开响应速度
2017/12/01 Javascript
vue-cli axios请求方式及跨域处理问题
2018/03/28 Javascript
详解如何构建Promise队列实现异步函数顺序执行
2018/10/23 Javascript
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
2020/09/21 Javascript
python实现简单的TCP代理服务器
2014/10/08 Python
Python获取当前页面内所有链接的四种方法对比分析
2017/08/19 Python
Python编程求质数实例代码
2018/01/31 Python
Python管理Windows服务小脚本
2018/03/12 Python
Python实现base64编码的图片保存到本地功能示例
2018/06/22 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
用vue.js组件模拟v-model指令实例方法
2019/07/05 Python
Python lambda表达式filter、map、reduce函数用法解析
2019/09/11 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
Python批量修改xml的坐标值全部转为整数的实例代码
2020/11/26 Python
CSS3属性选择符介绍
2008/10/17 HTML / CSS
Maje德国官网:法国女性成衣品牌
2017/02/10 全球购物
英语专业学生的自我评价
2013/12/30 职场文书
《理想》教学反思
2014/02/17 职场文书
劳动工资科岗位职责范本
2014/03/02 职场文书
公司股权转让协议书
2014/04/12 职场文书
经贸日语专业个人求职信范文
2014/04/29 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
布达拉宫的导游词
2015/02/02 职场文书
个人学习总结范文
2015/02/15 职场文书
2016年寒假见闻
2015/10/10 职场文书
详解Laravel制作API接口
2021/05/31 PHP
详解Redis集群搭建的三种方式
2021/05/31 Redis