vue打包靜態資源路徑不正確的解決辦法

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

1、js，css路徑不對

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

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

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

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

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

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

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 React 修改打包后靜態資源引入路徑：資源文件路徑“/“修改為相對路徑“.“ vue-cli3抽離配置文件,動態修改打包后配置 iOS 修改打包后的.ipa應用名字 springboot修改打包后的項目(jar war)名稱 vue-cli3.0 修改打包文件目錄【Angular】Angular修改build打包之后靜態資源路徑 Vue打包后訪問靜態資源路徑問題解決vue-cli 打包后靜態資源路徑不對的問題 .crx文件解壓修改打包 vue-cli4修改打包后文件后綴（css，js）