【vite and vue-cli】在vue组件中使用 .evn 中的变量

一、安装 dotenv 库

yarn add dotenv

二、用vite 创建的项目：

1. 创建 .env 文件

VITE_BASE_URL=http://localhost:8080

注意：vite 创建的项目，dotenv 只会读取 VITE_前缀开头的变量

2. 读取 .env 文件中的变量

console.log(import.meta.env.VITE_BASE_UR)

三、用 vue-cli 创建的项目：

1. 创建 .env 文件

VUE_APP_BASE_URL=http://localhost:8080

注意：vue-cli 创建的项目，dotenv 只会读取 VUE_APP_ 前缀开头的项目

2. 读取 .env 文件中的变量

console.log(process.env.VUE_APP_BACKEND_URL);

四、更多实例

# vite
axios.delete(`${import.meta.env.VITE_BACKEND_URL}/user/${userId}`);