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 入门实例1
Jun 25 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
jquery.boxy弹出框(后隔N秒后自动隐藏/自动跳转)
Jan 15 Javascript
了解Javascript的模块化开发
Mar 02 Javascript
JavaScript设计模式经典之工厂模式
Feb 24 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
提高JavaScript执行效率的23个实用技巧
Mar 01 Javascript
vue2.0父子组件间通信的实现方法
Apr 19 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
微信小程序后端无法保持session的原因及解决办法问题
Mar 20 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通过AJAX返回JSON的两种实现方法
2014/12/18 PHP
ECSHOP完美解决Deprecated: preg_replace()报错的问题
2016/05/17 PHP
thinkPHP5分页功能实现方法分析
2017/10/25 PHP
PHP实现的服务器一致性hash分布算法示例
2018/08/09 PHP
推荐一些非常不错的javascript学习资源站点
2007/08/29 Javascript
JSON+JavaScript处理JSON的简单例子
2013/03/20 Javascript
node.js中的fs.createWriteStream方法使用说明
2014/12/17 Javascript
浅谈JavaScript超时调用和间歇调用
2015/08/30 Javascript
Node.js模块封装及使用方法
2016/03/06 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
2016/11/21 Javascript
浅谈webpack4.x 入门(一篇足矣)
2018/09/05 Javascript
在vue.js中使用JSZip实现在前端解压文件的方法
2018/09/05 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
2019/04/10 Javascript
JavaScript复制变量三种方法实例详解
2020/01/09 Javascript
vue和小程序项目中使用iconfont的方法
2020/05/19 Javascript
python3中set(集合)的语法总结分享
2017/03/24 Python
django用户登录验证的完整示例代码
2019/07/21 Python
python中open函数的基本用法示例
2019/09/07 Python
如何打包Python Web项目实现免安装一键启动的方法
2020/05/21 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
PyQt5-QDateEdit的简单使用操作
2020/07/12 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
Python Pivot table透视表使用方法解析
2020/09/11 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
Crocs卡骆驰洞洞鞋日本官方网站:Crocs日本
2016/08/25 全球购物
allbeauty美国:英国在线美容店
2019/03/11 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
函授毕业生的自我鉴定
2013/11/26 职场文书
写自荐信要注意什么
2013/12/26 职场文书
青奥会口号
2014/06/12 职场文书
竞聘演讲稿开场白
2014/08/25 职场文书
诉讼授权委托书范本
2014/10/05 职场文书
租房协议书范例
2014/10/14 职场文书
药店收银员岗位职责
2015/04/07 职场文书
学生检讨书怎么写
2015/05/07 职场文书
mysql下的max_allowed_packet参数设置详解
2022/02/12 MySQL