vue2.0在dev开发模式下访问页面正常,build打包后只能访问首页,其他页面全部报错404

vue2.0在dev开发模式下访问页面正常,build打包后只能访问首页(path:'/'),其他页面全部报错404只要是路由中'/'后带字符的,如path:'/index',如果首页路径设置成这样,也是报错404。
才开始学习vue2.0,菜鸟一枚,不知道是路由问题,还是打包配置问题。使用的是vue-cli没有改动过配置文件,只是在build文件中的dev-server.js设置了下代理。百度也没有类似的情况,请帮忙看看,谢谢。

github:[https://github.com/trowa1234/demo.git][1]

路由配置
clipboard.png

dev开发模式下,各个页面都没有问题
clipboard.png

build打包后,只有首页能够访问
首页
clipboard.png

其他页面都报错404
clipboard.png

阅读 8.3k
4 个回答

你设置的history模式,该模式需要在服务器端额外配置后才可使用。
可参考:查看后端配置例子

你在config的index.js中,将build中的assetsPublicPath设置成'./'再试试

router使用history mode是需要对服务器进行配置的,使用hash mode是不需要配置的。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题