前端域名為:a.com
后端域名為:b.com
預(yù)期:當(dāng)訪問(wèn)a.com/api/ 跳轉(zhuǎn)到 b.com/
前端Nginx的配置:
server {
listen 80;
server_name a.com;
root /it/vue/dist/;
location / {
index index.php index.html index.htm;
try_files $uri $uri/ /index.html;
}
location ^~/api/ {
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_set_header X-NginX-Proxy true;
proxy_pass http://@back/;
}
}
#后端地址
upstream @back{
server b.com;
}
^~/api/表示匹配前綴是api的請(qǐng)求艺糜,proxy_pass的結(jié)尾有/, 則會(huì)把/api/*后面的路徑直接拼接到后面赶熟,即移除api
注:upstream命名最后加特殊符,要不然在 location ^~/api/ {……} 里陷嘴,nginx會(huì)報(bào)語(yǔ)法錯(cuò)誤映砖。