webpack-dev-proxy代理 ip沒有問題但是域名不能代理

preface

最近在使用 inoic5 for react 寫移動端項目， 在配置項目的時候遇到了一個問題，
wepack 在配置 webpack-dev-server 時候， 竟然遇到了：

ip 可以代理訪問但是 域名不能代理

解決方案

devServer 設置 changeOrigin: true 即可

const defaultProxy = {
  '/api': { // 增加api 路徑可以對分佈式開發的時候 統一路徑
    target: 'http://192.168.121.9:84',
    // target: 'http://dev.sefuture.cn',
    changeOrigin: true,
    pathRewrite: { '^/api': '' }
  }
}