react配置代理
react 配置代理有两种不同的方式
- 在 package.json 中配置全局代理,但是只能有一个代理
- 在src中新建一个 setupProxy.js 文件,脚手架会自动识别并代理,可以配置多个代理。
相关文件配置例子如下:
- 在package.json中配置
"proxy": "需要代理的域名",
- 在 setupProxy.js 中配置
const { createProxyMiddleware } = require('http-proxy-middleware')
module.exports = function (app) {
app.use(
createProxyMiddleware('/api', {// 使用 /api 前缀代理配置
target: '需要代理的域名',// 跨域地址
changeOrigin: true,//是否允许跨域
pathRewrite: {
'^/api': ''
}
}),
)
}