nginx部署vue
解决nginx中vue项目刷新报404问题
location / {
root /html/dist;
index index.html index.htm;
try_files $uri $uri/ @router; # 解决nginx中vue项目刷新报404问题
}
location @router {
rewrite ^.*$ /index.html last;
}
解决nginx转发后端服务隐藏部分url
访问url路径/prod-api/api经过nginx反向代理后,到达后端服务的实际url地址为/api。
location ^~/prod-api/ {
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header REMOTE-HOST $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header X-NginX-Proxy true;
proxy_pass http://127.0.0.1:xxxx/;
}