nginx 部署 vue项目放在tomcat下

1.首先打包好前台 dist
2.tomcat ../tomcat/conf/server.xml 新增如下配置
<Connector port="61106" protocol="HTTP/1.1" maxThreads="150" scheme="https" secure="true" clientAuth="false" sslProtocol="TLS" />
端口 随意设置 不要和其他端口重复即可

3.nginx /usr/local/nginx/nginx.conf 新增
upstream dict-server
{
server 194.15.15.81:18765;
}

server {
# nginx监听端口
listen 61060;
server_name a.com;
location /api/
{
# 转发请求到后端服务网关
proxy_pass http://dict-server;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
}
location /DICT/
{
# 转发到tomcat 部署dist地址
proxy_pass http://192.12.1.15:61106/DICT/;

}
}
浏览器上输入 128.1.2.2:61060/DICT/index.html（nginx所在服务器IP）

需要注意的是 vue打包得时候看 vue.config.js publicPath为‘/DICT/’
'/DICT' 打包产生的文件是 -> /DICT/css/.css; /DICT/js/.js 上线访问的是
就需要 把dist文件拷贝出来到 /DICT/目录下，也可以把publicPath 修改为 /DICT/dist/

outputDir：vue打包文件夹名