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