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

解锁查看全部内容

付费后查看完整内容
限时 微信扫码支付 ¥9.9 19.9

编程问答相关问答

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