1. 需求

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

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

2. 方案

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

127.0.0.1 product.xxx.xxx.com

配置 Nginx 進行對應轉發：

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 以免出現 Invalid Host header 報錯：

{  devServer: {    disableHostCheck: true  }}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持錯新站長站。