脚本宝典收集整理的这篇文章主要介绍了vue代理模式 nginx配置,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
前端使用vue.js开发,后端使用tornado框架提供restful API, vue.js使用代理;如 当前端js请求http://192.168.9.62:9000/api/orders时候后端通过nginx配置去请求http://192.168.9.62:9000/v1/orders
nginx需要将前端js请求http://192.168.9.62:9000/api/orders 转发 http://192.168.9.62:9000/v1/orders
upstream svrs {
# 负载均衡的servers
server 127.0.0.1:8001;
server 127.0.0.1:8002;
server 127.0.0.1:8003;
server 127.0.0.1:8004;
server 127.0.0.1:8005;
server 127.0.0.1:8006;
server 127.0.0.1:8007;
server 127.0.0.1:8008;
server 127.0.0.1:8009;
server 127.0.0.1:8010;
}
server {
listen 9000;
server_name _;
location /v1 {
# 直接访问 http://192.168.9.62:9000/v1/orders 的配置
PRoxy_pass_header Server;
proxy_redirect off;
proxy_set_header Host $http_host;
proxy_set_header x-forwarded-for $remote_addr;
proxy_set_header X-Real-iP $remote_addr;
proxy_read_timeout 120;
proxy_pass http://svrs;
}
location /api {
# 访问http://192.168.9.62:9000/api/orders 的配置
# 重写 api/ --> v1/
rewrite ^.+api/?(.*)$ /v1/$1 break;
# 后端的API服务器
proxy_pass http://svrs;
}
location / {
# 前端打包的静态文件
root /home/xx/xx_web;
index index.html;
}
}@H_963_126@
以上是脚本宝典为你收集整理的vue代理模式 nginx配置全部内容,希望文章能够帮你解决vue代理模式 nginx配置所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。