本文记录了将Vue项目部署到Nginx作为静态资源，并配置代理到另一IP的API的过程。配置中遇到的问题包括静态资源路径错误和Vue公共路径publicPath的设置。通过调整Nginx配置文件和Vue配置，实现了通过10.0.0.7/cmtPro/访问静态资源并代理请求到10.0.0.8:8088的API。关键在于publicPath与项目名一致，以及axios的baseURL与Nginx代理配置匹配。
这天想把vue项目打包放nginx静态资源，然后能代理访问另一个ip的api，记录一下配置的坑。
之前没用过nginx，配置的时候就照着网上搞，结果搞了个把小时才配置对。具体过程不详细说了，直接说配置会有什么效果，如果有错误欢迎大佬指正。
最终期望效果是这样，访问nginx：10.0.0.7/cmtPro/ 可以访问到静态资源。然后请求能够代理请求到另一个ip的接口。
最开始我 测试配置 类似这样的：这样预期的效果是 10.0.0.7/cmtPro2/ 能够访问资源
图一：
图二：这是资源路径
图中红框配置，结果访问地址 10.0.0.7/cmtPro2/ 发现不能访问，查看日志可以发现
访问的路径是 root 加上 location，就是这个/home/nginxWeb/cmtPro/cmtPro/2index.html 地址了，查看图二可以发现路径下面没有这个cmtPro2文件夹
最低0.47元/天 解锁文章
3357
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
