.env 默认全局配置文件
.env.development 开发环境配置文件
.env.production 生产环境配置文件
文件名为Vue的约定,不可随意更改
配置环境变量格式
VUE_APP_{自定义环境变量名} = {值}
其中“VUE_APP_”是规定的环境变量名前缀,如果变量名不是以此开头,则在程序中不能调用此环境变量
变量声明
.env.development
ENV = 'development'
# base api
VUE_APP_BASE_API = 'http://xxx:8080/'
VUE_APP_UPLOAD_FILE_URL = 'http://xxx:8080/base/upload-file'
使用变量
在某个xxx.vue文件里
export default {
name: 'Upload',
props: {
color: {
type: String,
default: '#1890ff'
}
},
data() {
return {
dialogVisible: false,
listObj: {},
fileList: [],
uploadFileUrl: process.env.VUE_APP_UPLOAD_FILE_URL // 环境全局变量
}
}
}
网友评论