vue3使用花生殼代理出現 Invalid Host header 錯誤

找了一圈發現都是在vue.config.js中使用
devServer: { disableHostCheck: true }
但是項目運行的時候發現報錯無法啟動。

於是牆出去找到了答案。其實，在 webpack-dev-server@4中刪除了該disableHostCheck選項allowedHosts: 'all'。

v3:

module.exports = {
  devServer: {
    disableHostCheck: true,
  },
};

v4:

module.exports = {
  devServer: {
    allowedHosts: "all",
  },
};

完美解決~~~~