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是根據檔名進行...