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 浏览器，就不会再出现以上错误讯息

原文出处：
https://ianakaberlin.medium.com/vue-%E5%A6%82%E4%BD%95%E5%9C%A8-localhost-%E9%96%8B%E7%99%BC%E7%92%B0%E5%A2%83%E6%99%82%E4%BD%BF%E7%94%A8-https-%E4%BC%8A%E6%81%A9%E8%B8%A9%E5%9D%91%E7%AD%86%E8%A8%98-b92e9010ee0d