iT邦幫忙

0

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


尚未有邦友留言

立即登入留言