如何在本地端建立 SSL 認證(開發用) | 在 vite config 中引入

前言
有時我們在開發一些前端頁面,串接一些平台服務並需要是 https 在瀏覽器上顯示,不過這對一些前端開發者,或是像我這種還沒有 Server 的人來說就很困擾,以下就介紹一下如何在 Mac 本地端使用,最後再使用 vite(Vue) 做範例。
標籤

有時我們在開發一些前端頁面,串接一些平台服務並需要是 https 在瀏覽器上顯示,不過這對一些前端開發者,或是像我這種還沒有 Server 的人來說就很困擾,以下就介紹一下如何在 Mac 本地端使用,最後再使用 vite(Vue) 做範例。

最近因為在找新工作,同時也需要把一些知識打穩,既然常在寫 side project,那麼一定要對於 http 請求後發生什麼事、SSL、OAuth、OpenID 都需要理解清楚,否則串了這麼多服務也寫了應用,但在關鍵時沒講出來的話作品就發揮不出它的功用了 😞,那麼以下就會用我的觀點以及紀錄方法來敘述這些功能。
註:若有發現有什麼問題或內容有誤的話麻煩再留言讓我知道,或是
寄信給我也是可以喔!
https://www.google.com之後發生了什麼事?首先須了解https://www.google.com這樣的網址是如何組成: