VUE3 Vite erhält die Konfigurationsumgebung .env.development

1. Ändern Sie die Konfiguration von vite.config.ts

import { defineConfig, loadEnv } from 'vite'

export default defineConfig(({ command, mode }) => {
    //检查process.cwd()路径下.env.development.local、.env.development、.env.local、.env这四个环境文件
    loadEnv(mode, process.cwd());
    //返回vite配置
    return {
        plugins: ..........
    }
})

2. Konfigurieren Sie die .env.development-Parameter

# 路径变量必须得用VITE_开头, 修改后需要重启
VITE_BASE_URL = 'http://localhost:3000/'

3. Parameter in js abrufen

console.log(import.meta.env.VITE_BASE_URL);

Referenz: Kapitel 26 – Vites LoadEnv-Methode – Fidel Yiu | Front-End-Technologie-Blog

Quellcode-Adresse: vue-sys-manage: vue3 + Typoskript + UI-Hintergrundverwaltungssystem anzeigen