VUE3 vite获取.env.development配置环境

发布时间:2024-01-14 19:00

1、修改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、配置.env.development参数

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

3、js中获取参数

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

参考:第二十六章-Vite的loadEnv方法 - Fidel Yiu | 前端技术博客

ItVuer - 免责声明 - 关于我们 - 联系我们

本网站信息来源于互联网,如有侵权请联系:561261067@qq.com

桂ICP备16001015号