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

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