Trythis!

1、npmrundev查看没有问题

2、npmrunbuild打包

3、起一个服务(例如:python-mSimpleHTTPServer)然后查看index.html页面,发现路由会请求/first页面。

4、解决的办法:将路由配置中history改为hash,将链接中/first改为/#/first。问题解决。

============2017.8.24更新================

又找了点资料发现,其实router的mode使用history是可以的。是我在做跳转的时候出现了问题。我想当然的使用了window.location.href=”“,其实应该使用router.push。代码里面的handleSelect是因为使用了elementui出现的一个消息处理方法。可以理解为当按键点击时触发该方法,如果按键的key是2,那么跳转到first,key是3跳转到second。

以上这篇解决vue-router进行build无法正常显示路由页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。

热门推荐

1 朋友至上蛋糕祝福语简短
2 虎年春节祝福语图文简短
3 高考祝福语简短喜庆句子
4 商场店庆简短祝福语
5 网络赚钱祝福语大全简短
6 美容公司周年祝福语简短
7 祝福语毕业赠言简短英文
8 贺卡文案同事祝福语简短
9 转正寄语祝福语大全简短
10 香港老妈结婚祝福语简短
11 毕业立体贺卡祝福语简短
12 简短新年年会祝福语
13 评论小品祝福语大全简短
14 恭喜师兄结婚祝福语简短
15 员工集体辞职祝福语简短
16 高中新生祝福语 简短
17 装修祝福语男生搞笑简短
18 生日开业蛋糕祝福语简短