[ブラウザ互換性チュートリアル】クロスドメイン実装を可能にする新版chromeブラウザの設定について
プリアンブル
現在、フロントエンドはクロスドメインを解決しており、主に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。*
プラグインをインストールしたら、そのドキュメントを見て、ドメインをまたいでアクセスできるようにアドレスを設定してください。
クロスドメイン実装を可能にするために設定されたクロームブラウザの新バージョンに関するこの記事を紹介し、より関連するクロームは、クロスドメインのコンテンツを許可するスクリプトハウス過去の記事を検索してくださいまたは、次の関連記事を閲覧し続ける、私はあなたが将来的に多くのスクリプトハウスをサポートして願っています!.
関連
-
[CSSチュートリアル】よくある2D変換を5つ実現するCSS
-
[CSSチュートリアル】CSSのトリッキーなグラデーションで高度な背景光アニメーションの感覚を実現
-
[CSSチュートリアル】Pure CSSカスタム複数行抜け問題(原理から実装まで)
-
[CSSチュートリアル】position:stickyでトップ吸い上げアプレット問題を完璧に解決
-
[css3]css3は、背景画像の色を変更するためのさまざまな方法を実現するために
-
[css3]Apple携帯電話のロック解除のためのCSS3サンプルフォントシャインエフェクト
-
[css3]CSS3:overflowプロパティ
-
[CSSチュートリアル】テーブルの最大幅と最小幅の相性問題と解決策を解説
-
[CSSチュートリアル】Display, Visibility, Opacity, rgba, z-indexのcss。-1差分
-
[CSSチュートリアル]純粋なCSSは、効果を引き出すために、ページ内のリストを達成するために
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル]CSSは、2列のレイアウト、固定幅の左側、適応するためのさまざまな方法の右側を達成するために
-
[CSSチュートリアル】CSSを解析して、画像のテーマカラー機能を抽出する(コツ)
-
[CSSチュートリアル]cssの位置固定コードで左右2重の位置決め
-
[CSSチュートリアル】ネイティブCSSでテキストの無制限回転を実現する汎用的な方法
-
[CSSチュートリアル】ボックス内の複数要素を両端揃えの効果で実現するCSS
-
[CSSチュートリアル]CSS動的高さ遷移のアニメーション効果の実装の
-
[CSSチュートリアル】CSS複合セレクタの具体的な使用方法
-
[CSSチュートリアル]overflow:autoの使い方解説
-
[CSSチュートリアル]css use negative margin to achieve average layout of example.
-
[CSSチュートリアル]フレックス内のボタンを縦に中央寄せにしない意外な解決法