webpack-dev-server proxy 问题

Question

在网上找了好多资料，包括webpack官网，仍然对changeOrigin和changeOrigin这两个配置不怎么了解，希望有大神能给小弟讲一下它的使用说明

proxy: {
    '*': {
        target: config.target,
        changeOrigin: true,
        pathRewrite: {
            '^/api': ''
        }
    }
}

Answer 1

加了这个，代理服务器会在请求头中加入相应Host首部，然后目标服务器就可以根据这个首部来区别要访问的站点了。假如你在本地80端口起了apache服务器，服务器配了两个虚拟站点a.com b.com,设置代理之后并且changeOrigin为true 。此时就可以正确方法问道虚拟主机下的文档内容。否则访问a b站点等同于访问localhost。webpack dev sever用的是node-http-proxy, 你可以找这个相关的资料。