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

推薦する

Nginx 1つのドメイン名で複数のプロジェクトにアクセスする方法の例

背景最近、複数のプロジェクトを展開する際に、1 つのドメイン名で複数のプロジェクトにアクセスする方法...

nginx が動的と静的の分離を実装する方法の例

目次server1にnginxをデプロイするサーバーにlnmpを展開するノード3にhttpdをデプロ...

Reactコンポーネントのライフサイクルの詳細な説明

目次1.ライフサイクルとは何か2. 読み込みプロセス1.コンストラクタ2. レンダリング3. コンポ...

Vueはキー表示のショートカットキー効果を取得する入力コンポーネントを実装します

ページ上でショートカットキーをカスタマイズする要件に遭遇し、ショートカットキーを設定して表示する場所...

JavaScript でよく使われるいくつかの文字列メソッドの概要 (初心者必読)

JavaScriptでよく使われるいくつかの文字列メソッド文字列は読み取り専用データです。よく使用...

Docker ベースの GitLab 環境をデプロイする方法と手順

注意:仮想マシンのメモリは2G以上が推奨され、 Alibaba Cloudのアクセラレーションイメー...

VMware15/16 VMwareのロックを解除してMacOSをインストールする詳細な手順

VMware バージョン: VMware-workstation-full-16 VMware バー...

MySQLで時間を判定条件として使用する方法

背景: 開発プロセスでは、現在の月、現在の日、現在の時間、今後数日など、時間を判断条件としてデータを...

Mysql 5.7.19 無料インストール版 (64 ビット) の設定方法に関する詳細なチュートリアル

公式サイトから mysql-5.7.19-winx64 をダウンロードします。これはシステムの 64...

初心者がHTMLタグを学ぶ(3)

関連記事:初心者が学ぶ HTML タグ (2)導入された HTML タグは、必ずしも XHTML 仕...

インターフェースなしで Centos7 に JDK と Tomcat をデプロイするチュートリアル

1. xshell6をインストールする2. サーバー接続を作成し、ユーザー名とパスワードを入力します...

Mysql一時テーブルの原理と作成方法の分析

この記事は主にMysql一時テーブルの原理と作成方法を紹介します。この記事のサンプルコードは非常に詳...

Dockerデータストレージの概要

この記事を読む前に、ボリューム、バインドマウント、tmpfs マウントの基本を理解しておいてください...

DIV 背景半透明テキスト非半透明スタイル

DIVの背景は半透明ですが、DIV内の文字は半透明ではありませんコードをコピーコードは次のとおりです...

Linux システムによって報告される xfs_vm_releasepage 警告問題に対処する方法

問題の説明最近、いくつかのマシンで、一日のさまざまな時間に次の警告メッセージが表示されました。 3月...