目的:npm run serve启动本地服务,npm run test打包测试环境,npm run build打包正式环境。
具体做法如下:
一、在项目中新增三个环境的文件
.env.development
VITE_BASE_URL='http://192.168.1.12:8080/'
.env.production
VITE_BASE_URL='http://192.168.1.11/prod-api/'
.env.test
- VITE_BASE_URL='http://192.168.1.13:8000/prod-api/'
- NODE_ENV='test'
二、配置package.json文件
- "scripts": {
- "dev": "vite --host",
- "test": "vite build --mode test",//--mode test对应.env.test文件的配置
- "build": "vite build",
- "preview": "vite preview"
- },
三、获取不同环境的ip
let _GLOBAL_IP = import.meta.env.VITE_BASE_URL;
四、在axios的默认baseUrl
-
- axios.defaults.baseURL = _GLOBAL_IP ;