如果是刚配置好的全局变量需要 重新启动一下vue才能通过proccess.env.xxx 获取到

如果想在html中使用 需要在data中声明一个变量 然后在vue生命周期中 将process.env.xxx 赋值给这个变量

例如我在 .env.dev 文件中刚配置了一个 上传文件 的url

// 测试环境标记 package.json用

VUE_APP_MODE = 'dev'

NODE_ENV = 'development'

// 测试环境 url请求路径

VUE_APP_URL = 'http://www.env.com/'

// 测试文件上传

VUE_APP_UPLOAD_URL = 'http://www.env.com/'

这个时候我需要重启一下vue 才能通过process.env.VUE_APP_UPLOAD_URL  获取 到他

如果我需要在html中使用这个变量的话，如果直接在html中使用process.env.VUE_APP_UPLOAD_URL  的话可能会报错

export default {

name: "import-settle-dialog",

props: {

showDialog: Boolean

},

data() {

return {

VUE_APP_UPLOAD_URL: '', // 需要在这里定义一个变量 然后在html中使用这个变量

};

},

mounted(){

this.VUE_APP_UPLOAD_URL = process.env.VUE_APP_UPLOAD_URL;

},

methods: {

}

}