如何解决Vue.js图像加载导致找不到图像?
开发过程中遇到Vue.js图像加载导致找不到图像的问题如何解决?下面主要结合日常开发的经验,给出你关于Vue.js图像加载导致找不到图像的解决方法建议,希望对你解决Vue.js图像加载导致找不到图像有所启发或帮助;问题描述
我正在构建一个symfony Web应用程序,并使用Webpack Encore来为前端编译VUE组件。
在vue组件中,我尝试加载图像,无论执行什么操作以及未加载,都会给我带来错误。
-
:src="require('../../assets/images/logo-white.png').default"
我收到此错误
logo-white.fa1b3bfe.png:1 GET http:// localhost:8080 / try / web / app_dev.PHP / build / images / logo-white.fa1b3bfe.png 404(未找到) -
:src="'../../assets/images/logo-white.png'"
我收到此错误
logo-white.png:1 GET http:// localhost:8080 / try / assets / images / logo-white.png 404(未找到) -
src="../../assets/images/logo-white.png"
或:src="require('../../assets/images/logo-white.png')"
我收到此错误
[object%20Module]:1 GET http:// localhost:8080 / try / web / app_dev.PHP / [object%20Module] 404(未找到)
我尝试了更多,还尝试将webpack配置设置esModule更改为false。
这是我的项目结构:
因此图像已成功构建。
请帮助。
解决方法
我在.htaccess文件中添加了以下内容
RewriteCond %{REQUEST_URI} app_dev.php/build/*
RewriteRule ^app_dev.php/(.*) $1