vue-cli打包后放到XAMPP环境,一刷新就找不到文件

huitailang
  • 91

我就随便写了一个demo,比如我的首页是由localhost跳转到localhost/home,在浏览器里面输入localhost的话默认找index.html,然后由vue-router跳转到localhost/home,但是要是刷新的话XAMPP就会在根目录下寻找home文件,但是我的这个没有home文件,是vuerouter控制的前段路由,这个问题怎么解决呢?

简单点说也就是,我可以直接访问localhost页面,然后在此页面的基础上点击是可以的,但是直接输入localhost/home是没办法进入页面的,因为wampserver会在根目录下找home.html的,但是根本没有这个页面

回复
阅读 4.9k
4 个回答
✓ 已被采纳

你应该是使用了vue-router的HTML5 History模式,通过index.html导航正常,但入口文件非index.html则可能发生404问题,这样,你需要配置你的服务器,将404重写到index.html。

参考官方说明 https://router.vuejs.org/zh-c...

之前在微信里写单页应用时碰到了一样的问题,后来考虑到安卓微信的兼容性(安卓里用js-sdk使用history路由时,有时候会出现兼容性问题),就全部以hash路由重写了。使用hash路由时,#后面的内容默认不会发送到服务器,就不会出现404问题了,只是每次刷新都依据路由参数重构应有的页面。

当然类似cnscoo说的,配合服务器,使用history也可以解决这个404问题。

clipboard.png

你有build你的代码吗0.0

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