vue项目.env全局变量配置

.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 // 环境全局变量
    }
  }
}

你可能感兴趣的:(vue项目.env全局变量配置)