解决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 相关文章推荐
让任务管理器中的CPU跳舞的js代码
Nov 01 Javascript
什么是DOM(Document Object Model)文档对象模型
Mar 05 Javascript
javascript单例模式的简单实现方法
Jul 25 Javascript
基于JavaScript实现动态创建表格和增加表格行数
Dec 20 Javascript
AngularJS基础 ng-keydown 指令简单示例
Aug 02 Javascript
使用Node.js实现RESTful API的示例
Aug 01 Javascript
JS设计模式之访问者模式定义与用法分析
Feb 05 Javascript
vue之浏览器存储方法封装实例
Mar 15 Javascript
代码实例ajax实现点击加载更多数据图片
Oct 12 Javascript
vue自动路由-单页面项目(非build时构建)
Apr 30 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 Javascript
解决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
第七节--类的静态成员
2006/11/16 PHP
PHP mail()函数使用及配置方法
2014/01/14 PHP
php实时倒计时功能实现方法详解
2017/02/27 PHP
PHP调用其他文件中的类
2018/04/02 PHP
php微信公众号开发之快递查询
2018/10/20 PHP
PHP与Web页面的交互示例详解二
2020/08/04 PHP
js几秒以后倒计时跳转示例
2013/12/26 Javascript
JavaScript解析json格式数据简单示例
2014/12/09 Javascript
简单实现jQuery进度条轮播实例代码
2016/06/20 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
JavaScript  event对象整理及详细介绍
2016/10/10 Javascript
javascript实现非常简单的小数取整功能示例
2017/06/13 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
浅谈vue的踩坑路
2017/08/31 Javascript
ejsExcel模板在Vue.js项目中的实际运用
2018/01/27 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
8个有意思的JavaScript面试题
2019/07/30 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
0基础学习前端开发的一些建议
2020/07/14 Javascript
[02:54]DOTA2英雄基础教程 撼地者
2014/01/14 DOTA
python实现汉诺塔方法汇总
2016/07/25 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
python3 打印输出字典中特定的某个key的方法示例
2019/07/06 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
Python 字典一个键对应多个值的方法
2020/09/29 Python
精美的手工家居和生活用品:Nkuku
2019/11/01 全球购物
物业管理求职自荐信
2013/09/25 职场文书
先进事迹报告会感言
2014/01/24 职场文书
市场安全管理制度
2014/01/26 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
公务员上班玩游戏检讨书
2014/09/17 职场文书
卖房协议书样本
2014/10/30 职场文书
2014年乡镇安全生产工作总结
2014/12/02 职场文书
接收函
2019/04/22 职场文书
教你使用一行Python代码玩遍童年的小游戏
2021/08/23 Python