解决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 相关文章推荐
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
JS.findElementById()使用介绍
Sep 21 Javascript
jquery实现简单易懂的图片展示小例子
Nov 21 Javascript
绑定回车enter事件代码
May 18 Javascript
AngularJS实现表单元素值绑定操作示例
Oct 11 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
Iview Table组件中各种组件扩展的使用
Oct 20 Javascript
JavaScript显式数据类型转换详解
Mar 18 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
Jul 05 Javascript
原生js无缝轮播插件使用详解
Mar 09 Javascript
详解webpack的clean-webpack-plugin插件报错
Oct 16 Javascript
Vue+Element UI实现概要小弹窗的全过程
May 30 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
PHP4 与 MySQL 数据库操作函数详解
2006/10/09 PHP
PHP初学者头疼问题总结
2006/10/09 PHP
怎样在php中使用PDF文档功能
2006/10/09 PHP
php eval函数用法 PHP中eval()函数小技巧
2012/10/31 PHP
php时区转换转换函数
2014/01/07 PHP
CodeIgniter中实现泛域名解析
2014/07/19 PHP
php数字运算验证码的实现代码
2015/07/30 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
Zend Framework框架Smarty扩展实现方法
2016/03/22 PHP
yii2高级应用之自定义组件实现全局使用图片上传功能的方法
2016/10/08 PHP
PHP pthreads v3在centos7平台下的安装与配置操作方法
2020/02/21 PHP
Extjs Ajax 乱码问题解决方案
2009/04/15 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
jQuery DOM操作实例
2014/03/05 Javascript
浅析JavaScript声明变量
2015/12/21 Javascript
Angular的Bootstrap(引导)和Compiler(编译)机制
2016/06/20 Javascript
js的OOP继承实现(必看篇)
2017/02/18 Javascript
使用jQuery实现简单的tab框实例
2017/08/22 jQuery
javascript帧动画(实例讲解)
2017/09/02 Javascript
Windows下Node爬虫神器Puppeteer安装记
2019/01/09 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
python实现百度关键词排名查询
2014/03/30 Python
深入讲解Python函数中参数的使用及默认参数的陷阱
2016/03/13 Python
Python基础练习之用户登录实现代码分享
2017/11/08 Python
Python后台管理员管理前台会员信息的讲解
2019/01/28 Python
解决Django连接db遇到的问题
2019/08/29 Python
Django中密码的加密、验密、解密操作
2019/12/19 Python
html5声频audio和视频video等新特性详细说明
2012/12/26 HTML / CSS
经济信息管理专业大学生求职信
2013/09/27 职场文书
物流司机岗位职责
2013/12/28 职场文书
大学校园生活自我鉴定
2014/01/13 职场文书
经典禁毒标语
2014/06/16 职场文书
2014年企业党建工作总结
2014/12/18 职场文书
工程进度款催款函
2015/06/24 职场文书
高中政治教师教学反思
2016/02/23 职场文书
十大最强火系宝可梦,喷火龙上榜,第一名有双火属性
2022/03/18 日漫