前端
npm run build:prod
打包出来一个dist的静态文件夹
有一个坑:这个文件夹千万不要放在nginx的安装目录下
下载nginx
nginx下载地址
nginx的conf文件下的nginx.conf
upstream gateway{
server 192.168.18.xxx:8112; //后端端口
}
server {
listen 8122; //前端访问端口号
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $remote_addr;
location / {
alias D:\xxxx\dist/;//存放前端打包的dist文件夹的路径
index index.html index.htm;
try_files $uri $uri/ /index.html;
}
location /prod-api{
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_next_upstream error timeout invalid_header http_500 http_502 http_503 http_504;
proxy_max_temp_file_size 0;
proxy_connect_timeout 90;
proxy_send_timeout 90;
proxy_read_timeout 90;
proxy_buffer_size 4k;
proxy_buffers 4 32k;
proxy_busy_buffers_size 64k;
proxy_temp_file_write_size 64k;
rewrite ^/prod-api/(.*)$ /$1 break;
proxy_pass http://gateway; //代理端口
#proxy_pass http://127.0.0.1:8122;
client_max_body_size 50m;
}
}
后端 maven的话则clean 后 package出一个jar包
运行命令
java -jar xx.jar