Vue中使用全局变量
配置这个的原因是因为在项目中有一些地方引用到了图片url,但是因为ip会不一样,每次修改这么多页面挺麻烦,就做了一下统一配置,方法如下: 1.在main.js中设置一个全局变量 Vue.prototype.$IMGURL = 'http://192.168.12.1:23000/img_files/';//统一设置页面上图片URL路径 2.界面上的使用(直接将定义的变量名写过来即可,不用加this.) <img :src="$IMGURL+scope.row.content" width="480" class="head_pic" @load="loadImg"/> 3.js中的使用 (需要在变量前边加上this.) this.imageUrl = this.$IMGURL+res.data.value; 来源: https://www.cnblogs.com/lswzt/p/11720103.html