Vue.config.js开发环境与生产环境配置

Vue.config.js开发环境与生产环境配置

首先在项目根目录创建
.env.development 开发环境
.env.production 生产环境

VUE_APP_SERVICE_URL
VUE_APP_BASE_API

#生产环境配置

#默认配置,后面要换成动态

module.exports = {
devServer: {
port:8888,//端口号，如果端口号被占用，会自动提升1
host: “localhost”, //主机名
https:false, //协议
open: true,// 启动服务时自动打开浏览器访问
proxy: { // 开发环境代理配置
‘/dev-api’: {
target:"//http://localhost:8001",
changeOrigin:true,//开启代理服务器,
pathRewrite: {
‘^/dev-api’: ‘’
}
}
}
},
productionSourceMap:false//打包时不会生产.map文件,加快打包速度
}

#更改动态配置