iT邦幫忙

1

Nuxt3 使用紀錄 - 使用 mkcert 讓本機開發也可以有 https

  • 分享至 

  • xImage
  •  

真的超簡單~

要有這流程,主要是拿來測試串接 Facebook sdk、Apple rest api 等等使用。
因為我是用 Mac 電腦,所以使用 Mac 安裝流程。
其他系統請參考 https://github.com/FiloSottile/mkcert

// mac 安裝
brew install mkcert
brew install nss // 要用 firefox 再裝

// 安裝
mkcert -install

// 生成
mkcert localhost

這時檔案會生成兩個 .pem 檔案

// 確認一下有沒有 cd ~/ 然後 ls 看有沒有檔案
~/localhost.pem
~/localhost-key.pem

網路上找到的都是錯誤的路徑 ./,要注意自己安裝的路徑是否存在
接著到專案資料夾執行

// 將 package.json dev 改成
"dev": "nuxt dev --https --ssl-cert ~/localhost.pem --ssl-key ~/localhost-key.pem"

// 然後就 
yarn dev

就能看到你的 https://localhost:3000 可以跑了


圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言