問題描述：
自己在自學vue做項目的過程中，遇到一個有關背景圖片路徑的問題，就是css代碼中背景圖片是根據相對路徑來寫的，如下圖：
當使用npm run dev命令本地訪問的時候，背景圖片是正常顯示的，可使用npm run build命令打包后，訪問dist目錄下的項目，頁面背景圖路徑就不對了，顯示不出背景圖。如下兩張圖對比
圖一：使用npm run dev命令訪問
圖二：使用npm run build命令打包之后，訪問dist目錄下的文件，出現的問題，背景圖片路徑變成了http://127.0.0.1:9000/static/css/static/img/login-bg.0271ef1.jpeg，而實際在dist目錄下，圖片路徑是這樣的，如下圖
解決辦法：
解決辦法為：只需要在build/utils.js文件中添加如下一行代碼即可。
publicPath:'../../'
添加位置為如下圖：
然后重新執行 npm run build 命令，即可成功顯示圖片
需要購買阿里雲產品和服務的，點擊此鏈接領取優惠券紅包，優惠購買哦，領取后一個月內有效： https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=fp9ccf07