看到网上很多有关于 Vue 项目使用环境变量的教程,里面的项目都是基于原来的 Vue cli 也就是 Webpack 构建的,但实际上 Vite 和 Vue cli 使用环境变量有一定的区别,本篇文章主要用于区分使用环境变量时,这两种构建方式的差别。
- 如何使用环境变量
- Vite 在一个特殊的
import.meta.env
对象上暴露环境变量。 - Vue cli 在
process.env
对象上暴露环境变量,它也是 Node.js 环境中的包含用户环境信息的对象。
- Vite 在一个特殊的
- 环境变量定义
- Vite 只会将
VITE_
开头的环境变量暴露到客户端。 - Vue cli 只会将
NODE_ENV
、BASE_URL
、VUE_APP_
开头的环境变量暴露到客户端。
- Vite 只会将
(太困了剩下的有空再写)