Vue3 env環境變數配置使用(十一)

2021-10-24 14:00:45 字數 1611 閱讀 7895

development

production

變數名一定要以 vite_ 字首使用

console.

log(

import

.meta.env.

)

.env檔案

.env.development檔案

.env.development.local檔案

main.js啟動檔案中測試

import

from

'vue'

// 引入路由物件例項

import routerindex from

'./router/routerindex'

import storeindex from

'./store/storeindex'

import

'./index.css'

import

'./assets/mockjs/mockdata.js'

console.

log(

import

.meta.env.

)// 列印出 lsbdb

console.

log(

import

.meta.env.

)// 列印出 lsbdb

console.

log(

import

.meta.env.

)// 列印出 lsbdb

// 使用配置的路由

use(routerindex)

use(storeindex)

mount

()

啟動命令

npm run dev

npm run serve

配置檔案

檔名作用說明

.env

# loaded in all cases

.env.local

# loaded in all cases, ignored by git

.env.development

# only loaded in specified env mode

.env.development.local

# only loaded in specified env mode, ignored by git

啟動命令

npm run build
配置檔案

檔名作用說明

.env

# loaded in all cases

.env.local

# loaded in all cases, ignored by git

.env.production

# only loaded in specified env mode

.env.production.local

# only loaded in specified env mode, ignored by git

vue專案使用 env檔案配置全域性環境變數

關於檔名 必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案 env 全域性預設配置檔案,不論什麼環境都會載入合併 env.development 開發環境下的配置檔案 env.production 生產環境下的配置檔案 關於檔案內容 關於檔案的載入 根據啟動命令vue會自動載入對應的環...

vue專案使用 env檔案配置全域性環境變數

關於檔名 必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案 env 全域性預設配置檔案,不論什麼環境都會載入合併 env.development 開發環境下的配置檔案 env.production 生產環境下的配置檔案 關於檔案內容 關於檔案的載入 根據啟動命令vue會自動載入對應的環...

vue專案使用 env檔案配置全域性環境變數

自 參考 模式 必須以如下方式命名,不要亂起名,也無需專門手動控制載入哪個檔案 env 全域性預設配置檔案,不論什麼環境都會載入合併 env.development 開發環境下的配置檔案 env.production 生產環境下的配置檔案 根據啟動命令vue會自動載入對應的環境,vue是根據檔名進行...