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。

这是我的项目结构：

因此图像已成功构建。

请帮助。

解决方法

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

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

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