为webpack工程的本地开发提供代理

首先,我绝对反对线上和本地环境有这种不同配置,但是如果代理是必选项的时候,选择工程化的配置要比每个人维护一套更有效。

需要在webpack.dev.server.config中增加setProxy文件

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

module.exports = function(app) {
    app.use(
        proxy('/api', {
            target: 'https://xxx.api.com',
            changeOrigin: true,
            secure: false,
            pathRewrite: {
                '^/api': '/',
            },
        })
    );
};

这样,每个请求localhost/api的请求就被代理到https://xxx.api.com下了。