React-配置代理

React配置多个代理

ps: 用于记录学习,持续更新

1. 在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
        }
    ));
};