sveltekit 的環境配置 .env的環境配置,經驗筆記

前情提要

以前在寫api的時候,幾乎都是分開寫,各別檔案再寫的時候分開寫各自的API,但時隔3個月再回來看的時候,會忘記自己哪個API 寫了什麼,在做管理的時候比較麻煩。

有的時候,打包出來的檔案會因為佈署到不同環境而更改 API的位置。
例如: A電腦 192.168.0.123、B電腦 10.1.207.xx、C 電腦 211.207.0.1xx 
當有寫API 的時候, 集中管理就派上很大的用場。(圖1)

API集中管理(圖1)


有了集中管理,在更換API的時候就會比較方便....
但如果佈署的主機越多,也是需要一個文件來做環境的管理。

遇到的問題
每次佈署環境,API就要再換一次...
因為總不可能 每次換個環境 就還要時刻更改api 網址。

解決問題
查了一下官網,發現有個.env 可以寫整個管理配置 。
就像是寫yml一樣,把所有參數都寫一塊,方便整理。(圖2)

.env 配置 (圖2)


需要的時候 在引用就可以了 (圖3)

引用.env (圖3)

--------------------------------------------------------------------------------------

心得

會這樣子提出來寫,是因為在佈署會時常需要變更環境。所以在打包的時候,就能一鍵切換環境,也不需要打開api.js 去更改,而是直接.env 再進行打包就可以了(圖4、圖5、圖6)

.env 配置 (圖4)


package.json (圖5)

svelte.config.js (圖6)

---------------------------------------------
延伸閱讀

留言