vue 打包後js css 靜態資源找不到的問題

vue項目完成打包上線的時候很多人都會碰到靜態資源找不到的問題，常見的有兩個

1、js，css路徑不對

解決辦法：打開config/index.js，將其中的assetsPublicPath值改爲’./’

2、css中引用的圖片資源找不到

我的login.vue文件中有一段css，其中引用了一個背景圖片，是這樣寫的

1	.login{height:100%;background: url("../assets/login_bg.jpg") no-repeat; background-size: cover;color: white;}

“src/assets/”文件夾下有這張圖片，打包後路徑發生變化這個圖片就找不到了，stackflow上有一個解決辦法，很簡單

打開“build/utils.js”，增加一行代碼即可