在Vue 3項目中區別測試環境和本地環境,并標記接口的方法可以通過環境變量來實現。
首先,你可以在你的項目根目錄下創建一個.env
文件,并定義你的環境變量。比如,你可以創建.env.local
作為本地環境的配置文件,.env.test
作為測試環境的配置文件。
在這些配置文件中,你可以定義一些接口標記的變量,如:
# .env.local
VUE_APP_API_ENDPOINT=http://localhost:3000
# .env.test
VUE_APP_API_ENDPOINT=https://test-api.example.com
接下來,在你的代碼中,你可以使用這些環境變量來標記你的接口。在Vue 3項目中,你可以在組件中使用process.env.VUE_APP_
前綴來訪問這些環境變量。
// 在你的組件中
const apiEndpoint = process.env.VUE_APP_API_ENDPOINT;
然后,你就可以根據不同的環境變量來確定接口地址。
當你使用npm run serve
啟動本地開發服務器時,Vue CLI 會默認讀取.env.local
文件中的環境變量。
當你使用npm run build
進行項目打包時,Vue CLI 會根據你的打包命令來讀取對應的環境變量文件。比如,你可以使用npm run build --mode test
來指定使用測試環境的配置文件.env.test
。
?