1. 需求

本地測試域名與線上域名相同，以便正確傳遞 Cookie 和進(jìn)行 SSO 測試。

注：由于 SSO 登錄后，相關(guān) Cookie 被加在四級(jí)域名上，因而需要做到本地測試域名和線上接口域名相同。

2. 方案

配置 Host 文件使線上域名指向 Localhost：

127.0.0.1 product.xxx.xxx.com

配置 Nginx 進(jìn)行對(duì)應(yīng)轉(zhuǎn)發(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 報(bào)錯(cuò)：

{  devServer: {    disableHostCheck: true  }}

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持錯(cuò)新站長站。