Webpack踩坑指南

记录一下使用webpack上的一些坑

webpack-dev-server 导致的 invalid host header

解决方法如下：

在 webpack-dev-server 的配置中添加

disableHostCheck: true

新版本的webpack应该是在devServer字段下的配置

将host配置建议改成

host: '0.0.0.0'

配置webpack的反向代理

在开发调试模式中经常会遇到前端调试接口报跨域错误，可以这样配置

proxy: {
    '/open/api': {
        target: "http://www.x.com",//你本地前端服务配置的一个域名
        changeOrigin: true,
    }
},

如果用的是vue-cli生成的项目，直接改config/index.js里面的配置即可