nginx部署vue
- 解决nginx中vue项目刷新报404问题
- 解决nginx转发后端服务隐藏部分url
- 访问url路径/prod-api/api经过nginx反向代理后,到达后端服务的实际url地址为/api。
解决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/; }