在Vue項目中，添加的背景圖片在服務器上不顯示，如何處理

遇到的問題：

在vue項目開發過程中，我們常常會在頁面中添加背景圖片。可是當我們在樣式中添加了背景圖片，編譯打包部署到服務器上時，發現圖片並不能顯示出來，這是為什么呢~~~

我們一般寫的css樣式如下：

background: url("../../assets/logo.png") no-repeat;

問題原因：

因為在編譯打包后，圖片的路徑解析出現了問題。

解決方法：

1、在data中定義如下：

export default {
    name: 'index',
    data() {
        return {
            tips: {
                backgroundImage: "url(" + require("../../assets/logo.png") + ")",
                backgroundRepeat: "no-repeat",
                backgroundSize: "50px 50px"
            }
        }
    }
}

2、通過行內樣式引入：

<img class="tips" :style="tips" />