Vue 如何在 LocalHost 開發環境時使用 HTTPS

vue.js vue vue學習筆記 vuejs https

火爆浪子 2021-08-04 11:49:12 ‧ 4461 瀏覽

如果你有 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 瀏覽器，就不會再出現以上錯誤訊息

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入留言

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙