webpack-dev-server ，用 ngrok 進(jìn)行轉(zhuǎn)發(fā)，請求后端的鏈接無效

問題

用 localhost 打開應(yīng)用，在 network 是可以看到請求的詳情。然后用 ngrok 進(jìn)行轉(zhuǎn)發(fā)打開，是看不到請求的。

上面第一張圖，是有請求鏈接的詳情出現(xiàn)，但是用 ngrok 鏈接打開后，是沒有的。我在接口打了斷點(diǎn)，是沒有請求到后端的。

之前用舊一套的 vue-cli 模板，ngrok 代理是沒有問題的?，F(xiàn)在用了新版本，卻不行了。webpack-dev-server 的配置有區(qū)別，我也查看了文檔和搜索了下，也沒有找到相關(guān)的解決方法。

環(huán)境

• node: v8.9.3
• webpack: v3.6.0
• webpack-dev-server: v2.9.1

使用 vue-cli v2.9.2 模板生成的。

webpack.dev.conf.js ，devServer 配置

devServer: {
    clientLogLevel: 'warning',
    historyApiFallback: true,
    hot: true,
    compress: true,
    host: HOST || config.dev.host,
    port: PORT || config.dev.port,
    open: config.dev.autoOpenBrowser,
    overlay: config.dev.errorOverlay
      ? { warnings: false, errors: true }
      : false,
    publicPath: config.dev.assetsPublicPath,
    proxy: config.dev.proxyTable,
    quiet: true, // necessary for FriendlyErrorsPlugin
    watchOptions: {
      poll: config.dev.poll,
    },
    disableHostCheck: true,
    public: 'xxx.ngrok.xxx' // ngrok 的地址
  }

// 啟動命令：
webpack-dev-server --inline --progress --config build/webpack.dev.conf.js