nginx去掉前端配置的路徑前綴兩種情況
背景
在前端項(xiàng)目部署到nginx的時(shí)候,前端訪問(wèn)后端的路徑加了一個(gè)全局前綴,一般來(lái)說(shuō)這是前后端商量好的,但是呢也會(huì)有不一般的情況,后端在遇到這種情況的時(shí)候有兩種選擇
- 第一種是給項(xiàng)目里也加上同樣的前綴
- 第二種就是nginx配置文件做出修改
這里我選擇了后者
第一種方式,這樣的結(jié)果是你后端項(xiàng)目同樣需要加上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 后加個(gè)斜杠,同時(shí)在端口后面也加個(gè)斜杠,這樣實(shí)際請(qǐng)求的路徑就去掉了/prod-api
這樣訪問(wèn)的/prod-api/test/1 實(shí)際就會(huì)變成 http://193.1.0.6:10004/test/1,就像是springmvc的靜態(tài)資源映射一樣的
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; }
比如:
前端服務(wù)器url為:https://114.114.114.114:8002/myqz/menu/index.html
后臺(tái)服務(wù)器地址為:http://127.0.0.1:9008
第一種方式:
自動(dòng)拼接前綴,前端服務(wù)器地址為: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; }
第二種方式:
替換前綴 ,前端服務(wù)器地址為: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; }
總結(jié)
到此這篇關(guān)于nginx去掉前端配置的路徑前綴兩種情況的文章就介紹到這了,更多相關(guān)nginx去掉前端路徑前綴內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
使用nginx正向代理實(shí)現(xiàn)訪問(wèn)外網(wǎng)
這篇文章主要介紹了使用nginx正向代理實(shí)現(xiàn)讓內(nèi)網(wǎng)主機(jī)通過(guò)外網(wǎng)主機(jī)訪問(wèn)外網(wǎng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-12-12nginx如何設(shè)置多個(gè)靜態(tài)訪問(wèn)的文件夾
這篇文章主要介紹了nginx如何設(shè)置多個(gè)靜態(tài)訪問(wèn)的文件夾問(wèn)題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-03-03Docker Nginx容器和Tomcat容器實(shí)現(xiàn)負(fù)載均衡與動(dòng)靜分離操作
這篇文章主要介紹了Docker Nginx容器和Tomcat容器實(shí)現(xiàn)負(fù)載均衡與動(dòng)靜分離操作,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2020-11-11關(guān)于nginx報(bào)錯(cuò)405?not?allowed解決方法總結(jié)
這篇文章主要給大家介紹了關(guān)于nginx報(bào)錯(cuò)405?not?allowed解決方法的相關(guān)資料,nginx遇到post請(qǐng)求靜態(tài)文件會(huì)得到405錯(cuò)誤,文中通過(guò)代碼介紹的非常詳細(xì),也給出了推薦方法,需要的朋友可以參考下2023-10-10nginx服務(wù)器配置解決ajax的跨域問(wèn)題
本文給大家分享的是一個(gè)nginx服務(wù)器配置解決ajax的跨域問(wèn)題的小技巧,非常的實(shí)用,有相同需求的小伙伴可以參考下2017-03-03Ubuntu安裝Nginx全過(guò)程(在線安裝&源碼編譯安裝)
介紹了在Ubuntu 20.04上安裝Nginx的兩種方式:apt安裝和源碼編譯安裝,apt安裝簡(jiǎn)單,但模塊有限;源碼編譯安裝可以自定義模塊,更靈活2025-03-03nginx 基本配置與參數(shù)說(shuō)明詳細(xì)介紹
這篇文章主要介紹了nginx 基本配置與參數(shù)說(shuō)明詳細(xì)介紹的相關(guān)資料,需要的朋友可以參考下2016-10-10