vue3 + vite踩坑记之—— 无法读取全局变量，如何配置全局变量

指定开发模式

一般构建好的启动命令只有vite，默认启动的是开发环境，也就是develop，保险起见，建议后面配置上开发模式，如图

注意：mode后面的变量是什么，定义的全局变量文件要与之相同，如上图所示我定义的是develop，那我的文件名就是.env.develop

然后我就美滋滋地定义变量了，但是我定义的YD_BASE_URL却怎么都获取不到，这是为什么呢？

自定义全局环境变量

vite默认对外暴露出的变量只能是以VITE开头，所以只能定义VITE_API之类的，像TEST_API这样就是暴露不出去的，所以我们要在vite.config.js中配置可以自定义的前缀。

然后，就可以访问到啦。