vue設置background image之後，本地有效，線上看不到圖片

設置背景圖本來在css中使用background屬性十分簡單，但是vue項目經過編譯之後圖片的url會改變，然後和項目的根地址結合，可能產生出一個不存在的url，導致加載背景圖失敗

原：

.invitationBoard{
	width: 3.45rem;
	height: 1.18rem;
	background:url('../../../static/images/headBg.png') no-repeat;
	background-size: 100% 100%;
}

爲了讓url不至於出現問題，只能動態加載了

    <div class="myClass" :style="bgImage">

	export default{
		data(){
			return{
				bgImage:{
					backgroundImage:"url(" + require('../../../static/images/teacherAccountsbg.png') + ")",
					backgroundRepeat:"no-repeat",
					backgroundSize:"100% 100%",

				},
			}
		}