Vue 如何在 LocalHost 開發環境時使用 HTTPS｜伊恩踩坑筆記

如果你有 Localhost 開發環境需要以 HTTPS 瀏覽時，可以參考以下方法：

方法一：vue.config.js

module.exports = {
  devServer: {
    https: true,
  }
},

方法二：package.json

"serve": "vue-cli-service serve --https"

任選以上一種方式重新 run serve 後，就會發現變成 https 了

我是使用 Google Chrome 開發，會出現以下警吿：

NET::ERR_CERT_AUTHORITY_INVALID 

只要直接點擊 Proceed to localhost (unsafe) 就能以 https 拜訪 localhost 了

你也可以前往 chrome://flags/#allow-insecure-localhost 並將此項目啟用，並重新啟動 Google Chrome 瀏覽器，就不會再出現以上錯誤訊息

ING Design 応設計
https://www.theingdesign.com/