1. ホーム
  2. Web プログラミング
  3. ジャバスクリプト
  4. javascriptのクラスライブラリ

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

2022-01-12 14:17:25

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

jsonp(モックゲット)

CORS (クロスドメインリソース共有)

プロキシ

iframe

ポストメッセージ

ウィンドウ名

ウェブソケット

クロスドメインを実現するためのreact用プロキシ

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

src/setupProxy.jsを作成します。

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

npm i -S http-proxy-middleware

const {createProxyMiddleware: proxy} = require('http-proxy-middleware')
module.exports = app => {
  app.use('/api', proxy({
    target: 'http://localhost',
    changeOrigin: true,
    pathRewrite: {
      '^/api': ''
    }
  }))
}

上記は、JSクロスドメインソリューション反応構成リバースプロキシの詳細であり、反応構成リバースプロキシの詳細については、スクリプトハウスの他の関連記事に注意を払ってください!.