使用vue框架開發(fā)前端項目時，我們部署的時候都會部署多套環(huán)境，往往開發(fā)、測試以及線上環(huán)境調(diào)用的接口域名都是不一樣的。如何能做到區(qū)分呢？那就是使用環(huán)境變量和模式。

使用vite構(gòu)建的vue3項目中，可以在根目錄下創(chuàng)建.env.[模式]文件定義一種或多種模式，并且在這個文件中定義的變量就是此模式的環(huán)境變量。定義了環(huán)境變量之后就可以通過import.meta.env.[變量名]的方式讀取環(huán)境變量了。【