如何利用Nginx處理Vue的開發(fā)環(huán)境

1. 需求

本地測試域名與線上域名相同,以便正確傳遞 cookie 和進行 sso 測試。

注:由于 sso 登錄后,相關 cookie 被加在四級域名上,因而需要做到本地測試域名和線上接口域名相同。

2. 方案

配置 host 文件使線上域名指向 localhost:

127.0.0.1 product.xxx.xxx.com

配置 nginx 進行對應轉發(fā):

server?{ ??listen????80; ??listen????[::]:80; ??server_name?${product.xxx.xxx.com};  ??location?/api?{ ????proxy_pass?https://${ip.ip.ip.ip}; ????proxy_set_header?host?$host; ??}  ??location?/?{ ????proxy_pass?http://localhost:8080; ????proxy_set_header?host?$host; ??}?? }

配置 vue.config.js 以免出現(xiàn) invalid host header 報錯:

{ ??devserver:?{ ????disablehostcheck:?true ??} }

? 版權聲明
THE END
喜歡就支持一下吧
點贊14 分享