vue打包后生成一个配置文件，方便运维配置cdn地址或者接口地址

首先在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对象下