vue nginx Invalid Host header问题解决

nginx配置好启动后，访问配置的地址时，出现Invalid Host header问题，网上搜索了很多，基本都是在vue.config.js或者webpack.dev.conf.js的devServer中添加disableHostCheck:true；但是设置了会出现问题，导致项目报错或者无法部署。

解决办法：将

devServer:{
    ...
    disableHostCheck:true,
    ...
}

修改为

devServer:{
    ...
    historyApiFallback: true,
    allowedHosts: "all",
    ...
}

即可解决

作者：yangll
链接：https://juejin.cn/post/7085701763617161252