基于 Vite 构建的项目使用环境变量

看到网上很多有关于 Vue 项目使用环境变量的教程,里面的项目都是基于原来的 Vue cli 也就是 Webpack 构建的,但实际上 Vite 和 Vue cli 使用环境变量有一定的区别,本篇文章主要用于区分使用环境变量时,这两种构建方式的差别。

  • 如何使用环境变量
    • Vite 在一个特殊的 import.meta.env 对象上暴露环境变量。
    • Vue cli 在 process.env 对象上暴露环境变量,它也是 Node.js 环境中的包含用户环境信息的对象。
  • 环境变量定义
    • Vite 只会将 VITE_ 开头的环境变量暴露到客户端。
    • Vue cli 只会将 NODE_ENVBASE_URLVUE_APP_ 开头的环境变量暴露到客户端。

(太困了剩下的有空再写)

添加新评论