[筆記] Vite 結合 mk-cert https 開發環境

Posted onAuthorANDY LIEN

章節連結

Vite 於開發上有 server.https 的設置，可以讀取相關的自建憑證，來讓 localhost 可使用 https。不過 localhost 憑證會依照不同電腦簽發，進而想要新增一個公版的憑證讓大家公用，放在 repo 內變得不可行。因此這邊筆記下結合 mk-cert 的方式，來讓團隊成員以最少心智成本來啟用 https。

notes-vite-github-action

內容

MkCert

[指南] 運用 Mkcert 簡易在本地端實現 HTTPS 連線 ( VSCode )，請先參考此篇在使用者根目錄，建立對應的 localhost.pem 和 localhost-key.pem。

指令大概會是：mkcert -key-file ~/localhost-key.pem -cert-file ~/localhost.pem localhost

useHttpsConfig

以下為 TypeScript 版本。若是用 JavaScript 的話，將附檔名改為 .js 即可

按讚加入粉絲團

延伸閱讀