解决vue+router路由跳转不起作用的一项原因


Posted in Javascript onJuly 19, 2020

如下所示:

Vue.use(Router)
export default new Router({
mode:'history',
routes: [
   { path: '/', component: Login },
   { path: '/login', component: Login },
   { path: '/register',component: Register},
   {path: '/*', component: NotFound},
    ]
})

记得要写上 mode:'history', 原因如下

解决vue+router路由跳转不起作用的一项原因

补充知识:vue-router配置后地址栏输入跳转不成功问题

在起服务的js中增加 connect-history-api-fallback

const history = require('connect-history-api-fallback');
 
// 在静态页面之前,这一句:app.use('/static', express.static(__dirname + '/public'))之前设置history
const historyConfig = {
 index: '/index.html'
};
app.use(history(historyConfig));

以上这篇解决vue+router路由跳转不起作用的一项原因就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js下弹出窗口的变通
Apr 18 Javascript
javascript打开新窗口同时关闭旧窗口
Jan 16 Javascript
JavaScript的instanceof运算符学习教程
Jun 08 Javascript
原生JS实现不断变化的标签
May 22 Javascript
浅谈angular.js跨域post解决方案
Aug 30 Javascript
JS实现移动端整屏滑动的实例代码
Nov 10 Javascript
对layui中表单元素的使用详解
Aug 15 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
Feb 05 Javascript
vue下canvas裁剪图片实例讲解
Apr 16 Javascript
详解JavaScript 事件流
Sep 02 Javascript
vue中配置scss全局变量的步骤
Dec 28 Vue.js
vue组件vue-esign实现电子签名
Apr 21 Vue.js
解决vue项目router切换太慢问题
Jul 19 #Javascript
解决elementUI 切换tab后 el_table 固定列下方多了一条线问题
Jul 19 #Javascript
vue2.* element tabs tab-pane 动态加载组件操作
Jul 19 #Javascript
解决vue中el-tab-pane切换的问题
Jul 19 #Javascript
解决echarts图表使用v-show控制图表显示不全的问题
Jul 19 #Javascript
解决Echarts 显示隐藏后宽度高度变小的问题
Jul 19 #Javascript
vue实现的多页面项目如何优化打包的步骤详解
Jul 19 #Javascript
You might like
php include类文件超时问题处理
2015/02/06 PHP
php计算给定日期所在周的开始日期和结束日期示例
2017/02/06 PHP
微信封装的调用微信签名包的类库
2017/06/08 PHP
用javascript实现页面打印的三种方法
2007/03/05 Javascript
jquery load()在firefox(火狐)下显示不正常的解决方法
2011/04/05 Javascript
7款吸引人眼球的jQuery/CSS3特效实例分享
2013/04/25 Javascript
jQuery中detach()方法用法实例
2014/12/25 Javascript
javascript中sort()的用法实例分析
2015/01/30 Javascript
js中substring和substr两者区别和使用方法
2015/11/09 Javascript
javascript html5实现表单验证
2016/03/01 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
2016/06/07 Javascript
AngularJs Scope详解及示例代码
2016/09/01 Javascript
javascript中异常处理案例(推荐)
2016/10/03 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
JavaScript 控制字体大小设置的方法
2016/11/23 Javascript
基于jQuery实现弹幕APP
2017/02/10 Javascript
Angularjs中数据绑定的实例详解
2017/08/25 Javascript
Node在Controller层进行数据校验的过程详解
2020/08/28 Javascript
[49:08]OpTic vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python版的文曲星猜数字游戏代码
2013/09/02 Python
用Python给文本创立向量空间模型的教程
2015/04/23 Python
Python实现Sqlite将字段当做索引进行查询的方法
2016/07/21 Python
用Python实现命令行闹钟脚本实例
2016/09/05 Python
使用requests库制作Python爬虫
2018/03/25 Python
keras的backend 设置 tensorflow,theano操作
2020/06/30 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
沙特阿拉伯排名第一的在线时尚购物应用程序:1Zillion
2020/08/08 全球购物
中医药大学市场营销专业自荐信
2013/09/29 职场文书
毕业生个人的求职信范文
2013/12/03 职场文书
幼儿园家长会邀请函
2014/01/15 职场文书
初中学校军训方案
2014/05/09 职场文书
2016元旦文艺汇演主持词(开场白+结束语)
2015/12/03 职场文书
授权协议书范本(3篇)
2019/10/15 职场文书
Python 如何实现文件自动去重
2021/06/02 Python
python和C/C++混合编程之使用ctypes调用 C/C++的dll
2022/04/29 Python
JDK8中String的intern()方法实例详细解读
2022/09/23 Java/Android