vue3+vite中开发环境与生产环境全局变量配置

一、开发环境和生产环境

开发环境：也就是编码时运行的环境，即我们使用npm run dev或者npm run serve运行项目到本地时，项目处于的环境。

生产环境：项目部署到服务器上后处于的环境，我们使用npm run build将项目打包以后，再运行项目，项目就运行在生产环境中了。

例如：

当我我们需要 使用 window.location.href =url  下载 或者查看文件的时候

就可以根据环境 来赋值

二、配置环境变量

 在项目根目录下（与package.json同级）新建两个配置文件：                     

 三、使用全局变量

vue-cli 使用方法：

process.env.变量名

vite 使用方法:

import.meta.env.变量名