1. ホーム
  2. Web制作
  3. CSS

[ブラウザ互換性チュートリアル】クロスドメイン実装を可能にする新版chromeブラウザの設定について

2022-02-02 18:55:33

プリアンブル

現在、フロントエンドはクロスドメインを解決しており、主にwebpackのdevServerを利用して設定しています。しかし、開発環境ではdevServerが設定されておらず、バックエンドがクロスドメインの設定をしていないことがあります。フロントエンドとバックエンドの分離プロジェクト、ローカルでのデバッグコードでは、しばしばクロスドメインの問題が発生します。この記事は、主に前の記事のブラウザクロスドメインのアクセスソリューションで、補足を行うため、クロームのこの記事の最後には、方法を設定し、現在の設定は動作しませんが、記事を更新し、それを修正します。

disable-web-securityが機能しない場合の対処法

前回の記事では、windows、mac、linuxなどで-disable-web-securityを設定する方法を提供しましたが、クロームのセキュリティポリシーの新バージョンアップにより、この開き方や以前の設定方法は有効ではありません。だから、どのようにそれを解決する?

一つは、クロスドメインを設定し、クロームのショートカットで右クリック 'プロパティ'、'ショートカット'、'ターゲット'パスの最後の側をクリックして、スペースを追加し、次のコードを追加します。

--args --disable-web-security --user-data-dir=D:\HaoroomsChromeUserData


または

--disable-web-security --user-data-dir=D:\HaoroomsChromeUserData


D: \HaoroomsChromeUserDataは自分で見つけた適当なフォルダです、好きなように設定してください、このように書かないと新しいブラウザでは設定が反映されないという問題があるかもしれません

これは、自分のパソコンにプライベートなChromeブラウザーを作るのと同じで、設定や構成が非公開になります。クロームのインストール元ディレクトリを見つけてchrome.exeを開くと、プライベートクロームで設定したブックマークやオプションなどが、このクロームでは利用できないことがわかります。

注意:D: \HaoroomsChromeUserDataを削除する場合は、必ず先にブックマークやアカウントパスワードなどのバックアップをとってください。削除すると、プライベートクロームをPCからアンインストールすることになり、データは一切残りません。

次に、セットアップに成功した後、再びブラウザを開くと

サポートされていないコマンドラインフラグ: --disable-web-security を使用しているため、安定性とセキュリティが低下します。

この時点で、通常のユーザーは、例えば、ローカルのフロントエンドプロジェクト、直接接続テスト、またはオンライン環境へのインターフェースにクロスドメインでアクセスすることができます(ターゲット環境が現在のブラウザにログインしていて、現在のアカウントに対してクッキーやセッションなどがすでに存在していることが条件です)。

第三に、一部のユーザーはまだアクセスすることはできません、コンソールコンソールのこの時点で、バックグラウンドで段落が表示されます黄色の単語です。

<ブロッククオート

'...クッキーをクロスサイトで送信する場合は、SameSite=NoneとSecureを指定します...'

この時点では、ブラウザはまだクッキーのクロスドメインアクセスを制限しているため、一部の人のコンピュータではまだクロスサイトが機能しません

解決策

アドレスバーに入力します。

chrome://flags

を再度検索してください。

<ブロッククオート

デフォルトのCookieでSameSite

SameSite by default cookies' と 'SameSite without Cookies must be secure' を見つけ、その後ろにドロップダウンボックスがあり、これらのオプションの両方を選択します。'disabled'を選択すると、ブラウザが赤く表示されます。'警告。あなたは実験的な機能を使用しています!

警告を無視する場合は、ブラウザは私たちのローカルに作成されたD: \HaoroomsChromeUserDataになり、右下のRelaunchボタンをクリックすると、ブラウザは自動的に再起動し、現在開いているすべてのページを保持するようになります。

注:このモードはコロケーションで使用します。ショッピングなど他のサイトにアクセスする場合は、不要なトラブルを避けるために、chrome.exeのインストール元ディレクトリからchrome.exeを使用することをお勧めします。

その他のシステム

macはlinuxと同じで、元のコマンドラインはもう使えないし、クロスドメイン効果を得るためにデータを保存するフォルダも指定する。

その他の解決策

クロームのプラグインを利用することで、一時的な解決策を挟むことができます。

クロームプラグインを検索

<ブロッククオート

Allow-Control-Allow-Origin。*

プラグインをインストールしたら、そのドキュメントを見て、ドメインをまたいでアクセスできるようにアドレスを設定してください。

クロスドメイン実装を可能にするために設定されたクロームブラウザの新バージョンに関するこの記事を紹介し、より関連するクロームは、クロスドメインのコンテンツを許可するスクリプトハウス過去の記事を検索してくださいまたは、次の関連記事を閲覧し続ける、私はあなたが将来的に多くのスクリプトハウスをサポートして願っています!.