JS cross-domain solution react configuration reverse proxy

Cross-domain solutions

jsonp (simulate get)

CORS (Cross-Origin Resource Sharing)

acting

iframe

postMessage

window.name

WebSocket

React's proxy implements cross-domain

Configure in src/setupProxy.js file and install http-proxy-middleware, proxy middleware module through npm

Create src/setupProxy.js

Installing the Module

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': ''
    }
  }))
} 

The above is the details of JS cross-domain solution react configuration reverse proxy. For more information about react configuration reverse proxy, please pay attention to other related articles on 123WORDPRESS.COM!