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 | 前端技术博客

源码地址:vue-sys-manage: vue3 + typescript + view ui后台管理系统

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐