1. 要件
Cookie を正しく配信し、SSO テストを実行するために、ローカル テスト ドメイン名はオンライン ドメイン名と同じです。
注: sso ログイン後に関連する Cookie が第 4 レベルのドメイン名に追加されるため、ローカル テスト ドメイン名とオンライン インターフェイスのドメイン名は同じである必要があります。
2. 解決策
オンライン ドメイン名がローカルホスト:
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 を構成します:
{
devserver: {
disablehostcheck: true
}
}以上がNginx を使用して Vue 開発環境でクロスドメインの問題に対処する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
