开始之前先说一下,
process这个东西是nodejs中内置的,而且不需要require引入,vue2中我们可以通过process.env.NODE_ENV 来判断当前环境、通过process.env.VUE_APP_<自定义名称>,来获取.env、.env.development、.env.production配置文件中的变量(普通.vue文件和vue.config.js文件都可以获取到)。
但是在vite2中移除了process,普通页面或者js文件中可以通过import.meta.env来获取上面配置文件的变量,vite.config.js中 需要 引入 loadEnv 来自于vite,然后通过loadEnv(mode, process.cwd())获取,(参数mode为开放模式或生产模式),下面也会有写到。并且.env这种文件需要VITE_<自定义名称>才行
可以参考 -> vite环境变量和模式
1.安装 axios
npm install axios --save
2.简单封装axios(在utils下新建request.js)
request.js
import axios from 'axios'
// import qs from 'querystring'
// 根据环境变量 统一设置 域名 前缀
axios.defaults.baseURL = import.meta