JS クロスドメイン ソリューション React 構成 リバース プロキシ

JS クロスドメイン ソリューション React 構成 リバース プロキシ

クロスドメインソリューション

jsonp (get をシミュレート)

CORS (クロスオリジンリソース共有)

演技

インラインフレーム

投稿メッセージ

ウィンドウ名

ウェブソケット

Reactのプロキシはクロスドメインを実装する

src/setupProxy.js ファイルで設定し、npm 経由で http-proxy-middleware、プロキシミドルウェアモジュールをインストールします。

src/setupProxy.js を作成する

モジュールのインストール

npm i -S httpプロキシミドルウェア

const { createProxyMiddleware: proxy } = require('http-proxy-middleware')
モジュール.エクスポート = アプリ => {
  app.use('/api', プロキシ({
    ターゲット: 'http://localhost',
    変更元: true、
    パス書き換え: {
      '^/api': ''
    }
  }))
} 

上記は、JS クロスドメイン ソリューションの React 構成リバース プロキシの詳細です。React 構成リバース プロキシの詳細については、123WORDPRESS.COM の他の関連記事に注目してください。

以下もご興味があるかもしれません:
  • React ビルドのパッケージ化後とリリースの概要
  • ReactでフェッチのCORSクロスドメインリクエストを実装する方法
  • nginx で React 静的ページを設定する方法のチュートリアル
  • JSクロスドメインソリューション:CORSを使用してクロスドメインを実現する

<<:  CSS+SVGでBステーションの課金効果を実現するサンプルコード

>>:  25 div+css プログラミングのヒントとコツ

推薦する

vue-element-adminフレームワークを使用して、バックエンドからメニュー機能を動的に取得します。

目次2. 詳しい説明2.1. asyncRoutesルーティングを追加する2.2. 新しいpermi...

sql_mode を変更する際の MySQL エラーの解決方法

目次ERR 1067による殺人事件2番目の問題の原因はsql_modeです3. sql_modeを設...

MySQL 5.7 共通データ型

——「MySQL in Simple Terms (第 2 版)」からのメモ数値型整数型バイト最小最...

LinuxでHomebrewを使用する正しい方法

多くの人が Linux Homebrew を使用しています。これをより良く使用するための 3 つのヒ...

koa2 サービスに SSL を設定する方法

I. はじめに1: SSL証明書私のドメイン名は Tencent Cloud にあります。第 3 レ...

Webデザインチュートリアル(7):Webデザインの効率化

<br />前の記事:Webデザインチュートリアル(6):デザインへの情熱を持ち続けまし...

要素UIポップアップコンポーネントをカプセル化する手順

el-dialogをコンポーネントとしてカプセル化するelement-ui を使用する場合、ポップア...

IEのクラッシュバグ

コードをコピーコードは次のとおりです。 <スタイル タイプ="text/css&qu...

Docker 可視化グラフィックツール portainer の詳細な説明

目次1. ポーテナーの紹介2. Portainer アーキテクチャの概要3. Portainerのイ...

CSS3 グラデーション背景の互換性の問題

グラデーションの背景色を作成するときは、 linear-gradient() 関数を使用して線形グラ...

vue3.0 プロジェクトを素早く構築するための手順を完了する

目次1. 3.0をより適切にサポートするには、vue/cliのバージョンが4.5.0以上であることを...

Eclipse は Tomcat を構成しますが、Tomcat には無効なポート解決策があります

目次1. EclipseがTomcatを構成する2. Tomcat の無効なポートの解決方法方法1:...

docker リモート API のワンクリック TLS 暗号化の実装

目次1. Docker の 2375 ポートを別のポートに変更します。これは一時的な対策にすぎません...

JavaScriptとTypeScriptの関係

目次1. JavaScript とは何ですか? 2. JavaScript は何に使用されますか? ...

Iframe の内外のページで JS がどのように動作するかの概要

目次iframeの外側のiframeのコンテンツを取得する方法1方法2 iframe 内の ifra...