nginx 部署vue项目 404?

Question

问题描述

vue打包后的dist文件放在后端java的静态资源中，通过nginx代理访问。配置如下

通过nginx访问：http://localhost:9006/test

前端静态资源报404

接口也访问不通

请大佬们赐教该如何修改。是需要改前端代码吗？还是通过nginx配置就能解决。感谢回复。

Answer 1

1. 如果需要部署在二级目录(baidu.com/a/这种)，需要在 vue.config.js 中配置publicPath，可以设置为你们部署的位置 /test 也可以修改成相对路径 ./。 配置参考 | Vue CLI
2. 你的 axios 多半也应该要配置 baseURL，在实例化 axios 的地方。 请求配置 | axios
3. 如果你开始使用 history 路由模式的话，还得更改 Nginx 的配置，具体查看这里。后端配置例子 | Vue Router