[筆記] mkcert + vite 開發環境導入 https @地瓜大的飛翔旅程

章節連結

每當使用 vite 要串接一些 https 才能正常使用的第三方服務時，會遇上 https 憑證的問題。這邊筆記下如何使用 mkcert 來幫專案生成一個開發用的憑證，同時導入 vite 來使用。

內容

[指南] 運用 Mkcert 簡易在本地端實現 HTTPS 連線 ( VSCode ) 參考此篇說明安裝 mkcert，然後在「專案的根目錄」下 mkcert localhost 指令。這樣一來，你就在專案下有一個開發用的 localhost 憑證

{
  server: {
    https: {
      key: fs.readFileSync('./localhost-key.pem'),
      cert: fs.readFileSync('./localhost.pem'),
    }
  }
}

{

server: {

https: {

key: fs.readFileSync('./localhost-key.pem'),

cert: fs.readFileSync('./localhost.pem'),

}

按讚加入粉絲團