页面

分类

無限進步

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

  • 学习
  • 467 次阅读

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

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

（太困了剩下的有空再写）

添加新评论