vue-cli構建的vue項目打包后css引入的背景圖路徑不對的問題

使用vue-cli構建vue項目后，再打包遇到一個css引入的背景圖片路徑的問題，就是css代碼中背景圖片是根據相對路徑來寫的，如下圖：

　　

當使用npm run dev命令本地訪問的時候，背景圖片是正常顯示的，可使用npm run build命令打包后，訪問dist目錄下的項目，頁面背景圖路徑就不對了

　　

解決方法：只需要在build/utils.js文件中添加如下一行代碼即可。

publicPath:'../../'

　　如下圖：

　　　　

這樣就解決這個問題。