nginx去掉前端配置的路径前缀两种情况

本站所有内容来自互联网收集,仅供学习和交流,请勿用于商业用途。如有侵权、不妥之处,请第一时间联系我们删除!Q群:迪思分享

免费资源网 – https://freexyz.cn/

背景

在前端项目部署到nginx的时候,前端访问后端的路径加了一个全局前缀,一般来说这是前后端商量好的,但是呢也会有不一般的情况,后端在遇到这种情况的时候有两种选择

第一种是给项目里也加上同样的前缀第二种就是nginx配置文件做出修改

这里我选择了后者

nginx去掉前端配置的路径前缀两种情况插图

第一种方式,这样的结果是你后端项目同样需要加上prod-api

location /prod-api{ proxy_pass http://193.1.0.6:10004; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; }

第二种方式,直接prod-api 后加个斜杠,同时在端口后面也加个斜杠,这样实际请求的路径就去掉了/prod-api

这样访问的/prod-api/test/1 实际就会变成 http://193.1.0.6:10004/test/1,就像是springmvc的静态资源映射一样的location /prod-api/{ proxy_pass http://193.1.0.6:10004/; proxy_set_header X-Forwarded-Proto $scheme; proxy_set_header Host $http_host; proxy_set_header X-Real-IP $remote_addr; }

比如:

前端服务器url为:https://114.114.114.114:8002/myqz/menu/index.html

      后台服务器地址为:http://127.0.0.1:9008

第一种方式:

自动拼接前缀,前端服务器地址为:https://114.114.114.114:8002/menu/index.html       

location ~ .do$ { 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_pass http://127.0.0.1:9008; } location ~ ^/(.*)$ { 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_pass https://114.114.114.114:8002/myqz/$1?$args; }

第二种方式:

替换前缀 ,前端服务器地址为:https://114.114.114.114:8002/myqz/menu/index.html       

location / { 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_pass https://114.114.114.114:8002; } location ~ .do$ { proxy_set_header Host $host; proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; rewrite ^/myqz/(.*)$ /$1 break; proxy_pass http://127.0.0.1:9008; }

总结


© 版权声明
THE END
★喜欢这篇文章吗?喜欢的话,麻烦动动手指支持一下!★
点赞15 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容