React配置多个代理
ps: 用于记录学习,持续更新
- 在src下 新建一个setupProxy.js 文件
const proxy = require('http-proxy-middleware')
module.exports = function() {
app.use(
proxy('api1', {
target: '需要代理的地址1',
changeOrigin: true,
pathRewrite: {'^api1': ''}
}),
proxy('api2', {
target: '需要代理的地址2',
changeOrigin: true,
pathRewrite: {'^api2': ''}
})
)
}
或者
cnpm install --save-dev http-proxy-middleware
const { createProxyMiddleware } = require('http-proxy-middleware'); //注意写法,这是1.0以后的版本,最好按抄
module.exports = function (app) {
app.use(createProxyMiddleware('/api',
{
target: 'http://reactphp.cn/',
pathRewrite: {
'^/api': '',
},
changeOrigin: true
}
));
};