vue打包的路徑問題


因為應用上線的地址不是根目錄,而vue打包之后的默認路徑是從根目錄開始算的,所以導致js跟css路徑不對的問題
解決方法:修改config/index.js下面的代碼,將 assetsPublicPath: '/'跟路徑修改為assetsPublicPath: './'當前文件夾路徑




解決之后,發現組件中的css的背景圖片路徑不對,無論放到static還是assets里面,最后解析出來的都是 /static/img/static/img/...; 很顯然最后的結果圖片都會打包進static里面,路徑也會修改為根路徑,但是在css中被當做是相對路徑了
解決方法:修改在build/utils.js中代碼,添加路徑為 ../../;解析之后會變成 ../../static/xxx...,相當於將文件目錄前移兩層文件夾再向下獲取




在沒有后端配合的情況下打開路由history模式的時候,打包出來的文件也會是一片空白的情況,



解決:// mode: 'history',//將這個模式關閉就好

  


免責聲明!

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



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM