首先創建.env文件
VUE_APP_BASE_API='http://127.0.0.1/dev-api'
然后引入依賴:
pnpm install dotenv --save-dev
引入完成后,在vite.config.js配置文件內加入以下內容:
const env = dotenv.config({ path: './.env' }).parsed
define: {
? ? // 將環境變量注入到全局變量中
? ? 'process.env': env
? },
const env = dotenv.config({ path: './.env' }).parsedexport default defineConfig({plugins: [vue()],define: {// 將環境變量注入到全局變量中'process.env': env}
})
這樣就配置完成了,然后在js內process.env.VUE_APP_BASE_API就可以直接獲取到數據了。