Vue.js图像加载导致找不到图像

如何解决Vue.js图像加载导致找不到图像?

开发过程中遇到Vue.js图像加载导致找不到图像的问题如何解决?下面主要结合日常开发的经验,给出你关于Vue.js图像加载导致找不到图像的解决方法建议,希望对你解决Vue.js图像加载导致找不到图像有所启发或帮助;

问题描述

我正在构建一个symfony Web应用程序,并使用Webpack Encore来为前端编译VUE组件。
在vue组件中,我尝试加载图像,无论执行什么操作以及未加载,都会给我带来错误

  1. :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(未找到)
  2. :src="'../../assets/images/logo-white.png'"
    我收到此错误
    logo-white.png:1 GET http:// localhost:8080 / try / assets / images / logo-white.png 404(未找到)
  3. 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。

这是我的项目结构:

enter image description here

因此图像已成功构建。

请帮助。

解决方法

我在.htaccess文件中添加了以下内容

RewriteCond %{REQUEST_URI} app_dev.php/build/*

RewriteRule ^app_dev.php/(.*) $1

编程问答问答

在 CSS 中设置 cellpadding 和 cellspacing?
如何在 Java 中创建内存泄漏?
浮点数被破坏了吗?
按字符串属性值对对象数组进行排序
如何加快Android模拟器的速度?
如何舍入至多 2 位小数?
使用 Git 版本控制查看文件的更改历史记录
如何在 JavaScript 中检查空/未定义/空字符串?
微信公众号搜索 “ 程序精选 ” ,选择关注!
微信公众号搜 "程序精选"关注