1、src同级目录下创建文件 .env.development
本地环境
NODE_ENV = 'development'
VUE_APP_MODE = 'development'
VUE_APP_API_URL = 'http://192.168.xx.xx:xxxx'
2、src同级目录下创建文件 .env.production
变更测试环境/生产环境,修改VUE_APP_API_URL即可
NODE_ENV = 'production'
VUE_APP_MODE = 'production'
VUE_APP_API_URL = 'https://xx.xx..com.cn:xxx'
3、vue.config.js
module.exports = defineConfig({
//配置publicPath
publicPath: process.env.NODE_ENV === 'production' ? '/api' : '/',
//...
})
4、打包
npm run build
参考:
1、vue中配置开发环境、测试环境、生产环境
2、vue的环境配置 生产环境和开发环境配置
3、Vue项目分环境(开发/测试/生产环境)打包