Vuejs 图像加载给出图像未找到

Vuejs image loading gives image not found

我正在构建一个 symfony 网络应用程序并使用 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/(.*)