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 プログラミングのヒントとコツ

推薦する

JavaScript Reduceの詳しい説明

目次地図フィルターいくつかの毎インデックスを検索パイプ参考回答1. パラメータを受け入れる関数を返す...

iview権限管理の実装

目次iview-admin2.0 組み込み権限管理権限に基づいてコンポーネントの表示を制御するカスタ...

mysql5.6 以前のデータベースで json をクエリする方法

MySQLにデータを保存するとき、乱雑であまり使用されないデータがJSONフィールドに投げ込まれるこ...

回転するフリップカードアニメーションの効果を実現するCSS

回転フリップ効果の CSS アニメーション、具体的な内容は次のとおりです。 1. まず2つのボックス...

MySQLクエリ文の実行プロセスを理解するための記事

序文要件を満たす特定のデータをデータベースから取得する必要があります。Select ABC FROM...

SQL 文で OR と AND を混在させる場合のヒント

現在、このような要件があります。ログインした人がカスタマー サービス担当者である場合、注文は「このカ...

Vueパンくずコンポーネントのカプセル化方法

Vueはパンくずコンポーネントをカプセル化して参照します。具体的な内容は次のとおりです。効果を達成す...

よくある CSS エラーと解決策

コードをコピーコードは次のとおりです。 IE6 と FF の違い: background:orang...

Nginx リバース プロキシ構成の完全なプロセス記録

1. 準備LinuxシステムにTomcatをインストールし、デフォルトのポート8080を使用してTo...

Javascript 共通高階関数の詳細

目次1. 一般的な高階関数1.1、フィルター1.2、地図1.3、減らすHigher Order fu...

Vueプロジェクトウォッチで関数が繰り返しトリガーされる問題の解決

目次問題の説明:解決策1解決策2問題の説明:ページ A と B の 2 つがあり、各ページにはget...

vue3 の setUp とリアクティブ関数の使用方法の詳細な説明

1. いつsetUpを実行するかvue3 ではメソッドを正常に使用できるようになったことは誰もが知っ...

JSはGMTとUTCのタイムゾーンを完全に理解しています

目次序文1. GMT GMTとはGMTの歴史2. UTC UTCとはUTC は次の 2 つの部分で構...

Vue のグローバル ウォーターマーク実装例

目次1. 透かしのJsファイルを作成する2. 導入操作2.1 App.vueや他のページでの参照2....

HTML のキャンバスに基づくスクリーンショットのデモ

冒頭に書いた以前、Renren で JS ベースのスクリーンショット ソリューションについて説明した...