文科少女學程式

前陣子剛好需要在Vue專案上設定到環境變數，但是卻發現怎麼改都沒有反應，所就又廢廢的寫了這篇小筆記。

在Vue專案上設定環境變數
實作情境
已經用.env檔案設定想要加入的環境變數，卻沒有正確套用這個新增的環境變數。

實作方式
利用想要在Vue專案裡面設定環境變數，要注意以下幾個地方。
1. .env檔案要放在專案根目錄。
2. 環境變數的名稱必須以VUE_APP開頭，例如以下這樣。
VUE_APP_PORT=78784
3. 設定完.env檔案後，需要重新run一次專案。

*這次在設定時，就是沒注意到第一項和第二項才沒有辦法正確

設定完後，就可以在vue檔案中，透過process.env取得設定的環境變數。
這裡是透過console.log()印出來的內容，紅框的部分就是透過.env檔設定的環境變數。

如果要依照development mode或production mode設定不同環境變數的話，可以透過.env.development或.env.production檔案來設定。


貼心小提醒！！
因為是亂亂寫筆記，真的就是純紀錄之前實作時，如何解決曾經卡住過的問題，所以主要都是解決問題的方式為主，不會有太多詳細說明。