Vuejs图像加载找不到图像答案

【问题标题】：Vuejs image loading gives image not foundVuejs图像加载找不到图像
【发布时间】：2020-12-31 01:59:58
【问题描述】：

我正在构建一个 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。

这是我的项目结构：

所以镜像构建成功了。

请帮忙。

【问题讨论】：

【解决方案1】：

我将以下内容添加到 .htaccess 文件中

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

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

【讨论】：