首先在public文件夹新建一个 config.js
window.cdnUrl = 'http://www.cdn加载地址.com/img/'
然后在 public文件夹下的index.html文件中引入config.js这个文件
<script src="./config.js"></script>
组件中调用时
<template>
<div :style = "{background:'url('+imgCdnUrl+'banner.jpg) no-repeat top center 100%/100%''}">
</div>
</template>
<script>
export default{
data(){
return{
imgCdnUrl:window.pcImgCdnUrl,//调用window
}
}
}
</script>
以上方法可以配置任何你想配置的东西 全部挂载在window对象下