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

时间：2020-09-12 23:31:52

标签： image vue.js webpack webpack-encore webpack-file-loader

我正在构建一个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（未找到） < / li>
  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

因此图像已成功构建。

请帮助。

1 个答案:

答案 0 :(得分：0)

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

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

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

相关问题
最新问题