vite获取环境变量友好提示的小操作~

207 阅读1分钟
  • 很简单
  1. 在vite-env.d.ts文件当中加入如下代码
  • 当然。你写在别的地方也行,我这就直接写在这个文件下了

image.png

  1. 创建相关.env文件

image.png

  • .env:无论什么环境下里面的内容都会会加载
  • .env.development:开发环境下则会加载这里面的环境变量
  • .env.production:生产环境则会加载这里的环境变量

.env.development和.env.production当名字相同时,这里面的变量会覆盖.env里面的变量。

image.png

我这里写了一个VITE_API_URL

image.png

  • 完美