vue的圖片路徑的引用問題


自:https://www.jianshu.com/p/561683dfdbb4

我們需要在template,script,style下引用圖片,如下:

這里能用@assets是因為在vue.config.js里面設置了如下參數。

本地開發的時候,因為域名是http://localhost:8080,也就是/ ,vue自動幫你轉換成相對/路徑。
build的時候,vue默認把圖片路徑指定在/下。圖片地址也就是在/img/xxx.jpg
如果項目部署在域名是http://www.panghu.com/vue//img/xxx.jpg自然找不到圖片。
我們build的時候需要指定一個路徑/vue/,因為vue/img/xxx.jpg是正確的路徑。

修改vue.config.js配置即可。


免責聲明!

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



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