1、设置开发环境启动命令使用的环境变量 “dev”: “vite --mode development”,
在package.json文件中:
{
"name": "test",
"version": "0.0.0",
"scripts": {
"dev": "vite --mode development",
"build": "vite build",
"preview": "vite preview"
},
"dependencies": {
"ant-design-vue": "^2.2.8",
"axios": "^0.24.0",
"js-cookie": "^3.0.1",
"qs": "^6.10.3",
"vue": "^3.2.25",
"vue-router": "^4.0.12",
"vuex": "^4.0.2"
},
"devDependencies": {
"@vitejs/plugin-vue": "^2.0.0",
"less": "^4.1.2",
"vite": "^2.7.2",
"vite-plugin-cdn-import": "^0.3.5",
"vite-plugin-components": "^0.13.3",
"vite-plugin-compression": "^0.4.0",
"vite-plugin-imagemin": "^0.5.1",
"vite-plugin-imp": "^2.1.3"
}
}
在.env.development 文件中:
VITE_BASE_API = "http://182.603.239.5300:8088"
在api.js文件中打印:
console.log(import.meta.env);
打印结果:
BASE_URL: "/"
DEV: true
MODE: "development"
PROD: false
SSR: false
VITE_BASE_API: "http://182.603.239.5300:8088"

2、生产环境操作类似操作(未开始,做到再加)