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

推薦する

Mysqlはフィールドスプライシングのための3つの関数を実装している

データをオペレーションにエクスポートする場合、フィールドの結合は避けられません。MySQL でこれが...

MySQLで自動作成時間と変更時間を設定する方法の例

この記事では、MySQL の自動作成時刻と変更時刻を設定する方法について説明します。ご参考までに、詳...

Docker で最初のアプリケーションをデプロイする方法

前回の記事では、Docker Desktop をインストールし、Kubernetes を有効にしまし...

MySQL の pid とソケットの詳細な説明

目次1. pidファイルの紹介2.ソケットファイルの紹介要約:ソケット ファイル: Unix ドメイ...

Ubuntu 20.04 に MySql5.7 をインストールして構成するための詳細なチュートリアル

目次1. Ubuntuソースの変更2. MySQLをインストールする3. 新しいユーザーを作成し、権...

EDMをHTMLで記述する際の注意点まとめ(メール送信時の一般的な注意点)

フォーマットエンコーディング1. ページの幅は600~800px、長さは1024px以内に設定してく...

Vueバスの簡単な使い方

Vueバスの簡単な使い方シナリオの説明:コンポーネント A にはコンポーネント B と C が含まれ...

CSS を使用して 3 つのステップでショッピング モールのカード クーポンを作成する

今日は618日、主要なショッピングモールはすべてプロモーション活動を行っています。今日は、次のように...

OracleデータをMySQLデータベースに抽出する実装プロセス

Oracle データベースから MySQL データベースへの移行では、Oracle データベース モ...

ウェブページの読み込み速度を上げる簡単なヒント

Web ページの読み込み速度は、Web サイトの品質を評価するための重要な指標です。その理由は、ほと...

ZabbixはPSK共有キーを使用してサーバーとエージェント間の通信を暗号化します。

Zabbix バージョン 3.0 以降、Zabbix サーバー、Zabbix プロキシ、Zabbi...

TLS暗号化通信を使用してDockerにリモート接続する詳細な例

デフォルトでは、Docker はネットワーク化されていない UNIX ソケット上で実行されます。オプ...

Helloダイアログボックスのデザイン体験の共有

「どうしたの?」特定の種類のダイアログ ボックスに慣れていない限り、ダイアログ ボックスが表示された...

Windows での MySQL 5.7.20 のインストールと設定方法のグラフィック チュートリアル

参考までにWindowsにMySQLをインストールします。具体的な内容は次のとおりです。 1.まずM...

HTMLフォームのいくつかの送信方法の概要

最も一般的で、最もよく使用され、最も一般的な方法は、submit タイプを使用することです。コードを...