序文 現在、フロントエンドは主に webpack の devServer の構成を通じてクロスドメインの問題を解決しています。しかし、開発環境で devServer が構成されておらず、バックエンドでクロスドメインが設定されていない場合があります。フロントエンドとバックエンドが分離されたプロジェクトでコードをローカルにデバッグする場合、クロスドメインの問題が発生することがよくあります。この記事は主に、クロスドメインブラウザアクセスソリューションに関する前回の記事を補足するものです。この記事の最後の設定は Chrome に関するもので、現在の設定では機能しないため、記事を更新して修正しました。 --disable-web-security が機能しない問題の解決策 前回の記事では、Windows、Mac、Linux などの --disable-web-security の設定方法を紹介しましたが、Chrome の新バージョンではセキュリティポリシーがアップグレードされており、この開き方や前回の設定方法は無効になっています。それで、どうやって解決するのでしょうか? 1. クロスドメインを設定するには、Chrome ショートカットを右クリックし、「プロパティ」、「ショートカット」の順にクリックし、「ターゲット」パスの末尾のスペースを押して、次のコードを追加します。 --args --disable-web-security --user-data-dir=D:\HaoroomsChromeUserData または --disable-web-security --user-data-dir=D:\HaoroomsChromeUserData D:\HaoroomsChromeUserData は私が偶然見つけたフォルダです。自由に設定できます。このように記述しないと、ブラウザの新しいバージョンで設定が反映されない問題が発生する可能性があります。 この方法は、ユーザーが自分のコンピューターにプライベート Chrome ブラウザを作成するのと同じであり、その中の設定と構成はすべてプライベート設定になります。このとき、Chrome のインストール ソース ディレクトリを見つけて、chrome.exe を開きます。プライベート Chrome で設定されているすべてのブックマーク、オプションなどがこの Chrome には含まれていないことがわかります。 注意: D:\HaoroomsChromeUserData を削除する場合は、まずブックマークやアカウントのパスワードなどをバックアップしてください。削除すると、パソコン内のプライベートChromeをアンインストールするのと同じになり、データは保持されません。 2. 設定が成功したら、ブラウザを再度開くと次のプロンプトが表示されます。 「サポートされていないコマンドラインフラグ --disable-web-security を使用しています。これにより、安定性とセキュリティが低下する可能性があります」 この時点で、通常のユーザーは、ローカルフロントエンドプロジェクト、直接接続テスト、オンライン環境インターフェースなどのクロスドメインアクセスを実行できます(現在のブラウザでターゲット環境にログインしており、現在のアカウントのCookie、セッション、その他の情報がすでに存在していることが前提です)。 3. 一部のユーザーは依然としてシステムにアクセスできません。 この場合、コンソールに黄色のテキストが表示されます。
現時点では、ブラウザは依然として Cookie へのクロスドメイン アクセスを制限しているため、一部のユーザーのコンピューターでは依然としてクロスドメインを使用できません。 解決: アドレスバーに入力してください:
再検索:
「SameSite のデフォルトの Cookie」と「SameSite のない Cookie は安全でなければなりません」を見つけます。その後ろにドロップダウン ボックスがあります。両方のオプションで「無効」を選択します。ブラウザに赤いメッセージが表示されます:「警告: 実験的な機能を使用しようとしています!」 ' 警告を無視することを選択します。この時点で、ブラウザはローカルで作成した D:\HaoroomsChromeUserData です。右下隅の [再起動] ボタンをクリックすると、ブラウザが自動的に再起動し、現在開いているすべてのページが保持されます。 注意: このモードは共同デバッグに使用されます。他のショッピング Web サイトにアクセスする場合は、不要なトラブルを回避するために、chrome.exe インストール ソース ディレクトリにある chrome.exe を使用することをお勧めします。 その他のシステム: MacもLinuxと同様です。独自のコマンドラインは動作しません。クロスドメイン効果を実現するために、データを格納するフォルダも指定します。 その他の解決策 一時的な解決策は、Chrome プラグインを使用することで実現できます。 Chrome拡張機能を検索
プラグインをインストールしたら、そのドキュメントを読んで、ドメイン間でアクセスできるようにアドレスを設定します。 これで、クロスドメイン実装を可能にするために Chrome ブラウザの新しいバージョンを設定する方法についての記事は終了です。クロスドメインを可能にする Chrome に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 |
>>: Vuex のコアコンセプトと基本的な使用法の詳細な説明
目次Viteプロジェクトビルドの最適化他のやっとこれは前回の記事の補足です。設定プロジェクトで遭遇し...
目次1. 遭遇した問題2. 問題を分析する3. 本当の問題4. 解決策5. ソリューション効果1. ...
1. シナリオの説明: 同僚から MySQL で explain を使用する方法を教わったので、返さ...
ディスク領域の管理は、システム管理者にとって重要な日常的なタスクです。ディスク領域が使い果たされると...
データ ボリューム コンテナーは、データ ボリュームをマウントするために特別に使用されるコンテナーで...
ここで商品テーブルを作成しました。その中のデータを見てみましょう。 mysql> 商品から *...
基本的な紹介特徴Flexbox は、よりシンプルで効率的なレイアウト方法を提供する CSS 表示タイ...
Nginx を設定する 3 つの方法最初の方法は、位置一致部分を直接置き換える。 2 番目の pro...
自宅のルーターが300Mの帯域幅を80Mに強制的に減らしたため、3205Uソフトルーターを購入しまし...
目次序文問題を見つける解決する追記序文最近、 UIコンポーネントを作成する予定で、 vue 2.xと...
今日は、JavaScript を使用して Web ページ上にプレーヤーを作成する方法を紹介します。誰...
1. はじめにイメージマップを使用すると、画像の領域をホットスポットとして指定できます。この領域にマ...
この記事では、モバイルモーダルボックス効果を実現するためのJavaScriptの具体的なコードを参考...
1. インストールパッケージをダウンロードする- お使いのコンピュータシステムに応じて適切なバージョ...
1. mysqldump コマンドを使用してデータベースをエクスポートします (このコマンドのパスで...