Vue.js 和 Laravel - 将 vuejs 与 laravel 集成后不显示图像答案

【问题标题】：Vue.js and Laravel - images are not displayed after integrating vuejs with laravelVue.js 和 Laravel - 将 vuejs 与 laravel 集成后不显示图像
【发布时间】：2019-02-10 10:16:06
【问题描述】：

我有一个由 vue.js 项目生成的构建，我已经将该构建与 laravel 集成。

我所做的如下：

1 .将除了index.html

之外的所有Build内容放到laravel的Public文件夹下

2 。然后，我从构建文件夹中复制 index.html 的代码并将其粘贴到 welcome.blade.php

而且，现在当我从 localhost 运行项目时，它运行完美，除了显示项目的任何图像

检查元素后图像的路径是这样的 static/img/user.jpg

我正在处理 localhost(xampp)

所以，基本上这是我的构建：

这是我在 laravel 之前中的 Public 文件夹

而且，这是我放入 Build 内容后的 Public 文件夹

这里，我把文件夹css和js的文件合并到Public文件夹

然后，下一步是我从 Build 复制 index.html 中的代码（第一个屏幕截图）并将其粘贴到 resources/views/ windows.blade.php

项目运行正常，只是图片不显示，检查元素后图片的路径是这样的 static/img/user.jpg ，请帮帮我。

谢谢

【问题讨论】：

未显示图片的网址是什么？它可能是一个路径设置。
它显示静态/img/user.jpg
对我来说同样的问题。
仍然看起来像路径错误。您的静态文件夹是否包含 img 文件夹？或者您是否打算使用与静态文件夹相同级别的文件夹。
@shashiverma 好的。请注意，当您部署到生产服务器时，问题可能会再次发生。

标签： php laravel vue.js

【解决方案1】：

使用

<html>
<base href="{{url('/')}}">
...

或将您的基本域放在那里

【讨论】：

【解决方案2】：

尝试<img class="..." src="img/..." /> 并确保您的图像文件夹位于 laravel 公共目录中。

【讨论】：

【解决方案3】：

我做了什么，从我的项目文件中打开终端并运行 php artisan serve 命令，它工作正常，加载所有图像

【讨论】：