webpack-dev-proxy代理 ip没有问题但是域名不能代理

preface

最近在使用 inoic5 for react 写移动端项目， 在配置项目的时候遇到了一个问题，
wepack 在配置 webpack-dev-server 时候， 竟然遇到了：

ip 可以代理访问但是 域名不能代理

这个 下面这个 vue 项目同样有 这个问题， 域名 代理 404

解决方案

devServer 设置 changeOrigin: true 即可

const defaultProxy = {
  '/api': { // 增加api 路径可以对分布式开发的时候 统一路径
    target: 'http://192.168.121.9:84',
    // target: 'http://dev.sefuture.cn',
    changeOrigin: true,
    pathRewrite: { '^/api': '' }
  }
}