Skip to content

React配置跨域

src/setupProxy.js

(旧)

js
const proxy = require('http-proxy-middleware')

module.exports = function (app){
  app.use(
    proxy('/api',{
      target:'http://xxx:xxxx',
      changeOrigin:true,
      pathRewrite:{'^/api':''}
    }),
    proxy('/api2',{
      target:'http://xxx:xxxx',
      changeOrigin:true,
      pathRewrite:{'^/api2':''}
    }),
  )
}

(新)

js
const { createProxyMiddleware } = require('http-proxy-middleware')

module.exports = function (app){
  app.use(
    createProxyMiddleware('/api',{
      target:'http://xxx:xxxx',
      changeOrigin:true,
      pathRewrite:{'^/api':''}
    }),
    createProxyMiddleware('/api2',{
      target:'http://xxx:xxxx',
      changeOrigin:true,
      pathRewrite:{'^/api2':''}
    }),
  )
}