Vue项目history模式下nginx如何配置

Posted 2023-03-21

参考技术A 首先，可以修改 vue.config.js 中的 publicPath ：

使用以下命令查看nginx所在目录：

然后根据查看到的目录，假设为 /usr/local/nginx ，那么就可以执行：

在 location / 同级处添加：

然后重启nginx

项目nginx部署时，前端用history模式，在浏览器浏览，页面空白

参考技术A 原因：vue项目，history模式下，后台nginx未进行相关配置.以下以项目名称shop为（nginx根目录下的shop文件夹下放的是项目）

原因：项目使用的vue的history模式，但是后端未做任何相关配置

解决方案：修改成了hash模式或者后端做配置

原因：走的网关，可能网关被禁用了，导致接口全部报错，无响应