Vue3 Vite项目中如何配置环境变量？

本文共计530个文字，预计阅读时间需要3分钟。

想统一配置系统名称或其他相关设置，需要在vue3中使用vite的环境变量。具体步骤如下：

1. 在项目根目录下创建文件：`.env.development`

2.在`.env.development`文件中添加以下内容：

VITE_APP_NAME=你的系统名称

3. 在`vite.config.js`文件中，确保使用了vite的环境变量：

javascriptimport { defineConfig } from 'vite';

export default defineConfig({ // ...其他配置 define: { 'process.env.VITE_APP_NAME': JSON.stringify(process.env.VITE_APP_NAME), },});

这样，在开发模式下，你的系统名称将会被统一设置。