引
首先要知道的一点就是,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());
问题解决!!!!
来源:https://blog.csdn.net/qq_32867271/article/details/100804824