http-proxy-middleware 跨域

齐昊焱
2023-12-01

http-proxy-middleware解决跨域问题,只在开发环境有效。

// 安装 http-proxy-middleware
yarn add http-proxy-middleware
//创建 src/setupProxy.js 文件
####
// 在setupProxy.js文件写入以下代码

// target为目标地址
const { createProxyMiddleware } = require('http-proxy-middleware') // 1.0.0版本以上
// const proxy = require('http-proxy-middleware')  // 1.0.0版本以下
// 不同环境配置域名不同,根据配置转发请求至对应的域名
let domain = process.env.REACT_APP_DOMAIN
if (!/(http:\/\/|https:\/\/)/.test(domain)) {
  domain = 'https://' + domain
}
module.exports = function(app) {
  app.use(createProxyMiddleware(['/api', '/web'], { target: domain, changeOrigin: true }))
}
 类似资料: