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 简短的祝福语12字
2 空军大学开学祝福语简短
3 生日贺卡祝福语 简短独特
4 蛋糕生日弥勒祝福语简短
5 祝福语诗意文案简短
6 日语送考祝福语简短
7 赠礼贺卡祝福语简短英文
8 高温祝福语短语大全简短
9 最搞笑生日祝福语简短
10 新年祝福语简短给孩子
11 女朋友祝福语简短新年
12 参加儿子大学祝福语简短
13 新年酒席开席祝福语简短
14 出嫁条幅伴娘祝福语简短
15 潮汕生日谚语祝福语简短
16 给长辈祝福语简短大全
17 俄语祝福语贺卡文案简短
18 婆婆生日祝福语短语简短