在不同环境下取出的变量的值是不同的, 像这样的变量称为环境变量
为什么要使用环境变量呢?
开发环境生产环境下的接口地址有可能是不一样的,所以我们需要根据环境去配置不同的接口基地址
1、vue2环境变量配置
在根目录创建:.env.development和.env.production文件
标准定义:命名以VUE_APP_xxx开头, 可以在所有的文件中去获取(建议用它)
使用:用process.env.属性的方式获取
开发环境默认NODE_ENV值为development
生产环境默认NODE_ENV值为production
2、vue3环境变量配置
在根目录创建:.env.development和.env.production文件
标准定义:命名以VITE_xxx开头, 可以在所有的文件中去获取(建议用它)
使用:import.meta.env.属性的方式获取