Vue.js部署

部署到Vercel

• How to Deploy a Vue.js Site with Vercel

  • 開個帳號，並登入Vercel，匯入放在github上的Vue專案

  <aside> 📢 .env.local的變數要在vercel上透過變數設定來設定

  </aside>

  https://docs.google.com/presentation/d/1lEmjeAXHqGcvQEOKeUBElXy9jyOUqA6b/edit?usp=drive_link&ouid=109217401442891322003&rtpof=true&sd=true

部署到github

• Deploying a Static Site

  <aside> 📢 該文內容在cache的部分有點小問題，請參閱後面的說明

  </aside>

我們開發的vue專案，算是個靜態網站，所以，可以將我們在github上的程式部署到github pages，首先，點選「settings」，點選「Pages」

選擇要部署的branch，例如: main，選定之後，當我們把程式碼push到main之後，會觸發GitHub Actions。

如果目前的專案還是私密專案，會得到:

<aside> 💡

也可以升級為Enterprise版本，就可以使用Github Pages並維持private。

</aside>

<aside> 📢 一般的正式應用會將專案設為私密，也會去保護API金鑰，以提升系統的資訊安全

</aside>

到Access設定中將專案改為公開

更動專案的visibility (可見性)

點選「Change visibility」選擇「Change to public」

點選「I want to make this repository public」