Vue打包后刷新页面显示404或者not get ***错误

扶醉桌前 提交于 2019-11-29 11:57:26

首先要知道的一点就是,Vue 打包形成的是单页面应用,很明显,就只有一个 index.html和好几个 js 文件
然后再开发的过程中,hsah 模式下的路由会多个# ,所以会显得很难看,大家都会使用 history 模式,这样就导致了这个问题。
hash 模式下的路由变化不会发生对后端的请求,但是history模式下,会出现路由变化导致请求的发生,而单页面应用只有index文件,默认一般都是在 / 根目录下,所以当在其他页面的时候,发生请求,会出现后端没有配置而返回的 404.

方法

网上有很多用 nginx 的方法,但是在本地实验的时候很麻烦,所以在使用nodejs作为后端的时候可以使用这个库

connect-history-api-fallback

//俩行代码即可
var history = require('connect-history-api-fallback')
 
app.use('/',history());

问题解决!!!!

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!