vite全局环境变量

项目开发过程中可能会用到全局的变量，vite提供了一种.env文件里面可以放入全局环境变量，.env文件是一个用于存储环境变量的文件。在开发和部署应用程序时，经常需要在不同的环境中配置不同的变量，例如 API 地址、密钥等.而且.evn文件有多种环境，比如：开发环境development、生产环境production等。如图所示：

图中包括.env.development开发环境的文件，.env.production生产环境的文件、.env.setting是我自定义的环境文件、.env是全局文件（无论在哪种环境下都能运行）

　　1、.env文件

　　　　所有环境都能加载运行

　　2、.env.development文件

 　　　　开发环境才能运行的环境

 　　　　3、.env.production文件

　　　　　　生产环境才能运行的文件

 　　如何使用这些变量？

　　　　在setup函数里使用import.meta.env.变量名：例如：import.meta.env.VITE_WSURL

　　　　如何切换环境？

　　　　　在package.json文件中的scripts中定义如图所示

 因为没有指定环境，一般默认情况 npm run dev 是 运行开发环境，开发环境会运行.env.development文件,如果切换生产环境请在scripts对象中加入

　　　　　//获取当前项目路径
 　　　　 const root = process.cwd();
  　　　　//获取当前环境变量
  　　　　const env = loadEnv(mode, root);