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

时间:2018-09-05 09:54:21

标签: php laravel vue.js

我有一个由vue.js项目生成的构建,并且已经将该构建与laravel集成在一起。

我所做的如下:

1。将所有Build内容放入laravel的 Public 文件夹中,除了 index.html

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

而且,现在当我从本地主机运行该项目时,除了显示该项目的任何图像外,它都能完美运行

在检查元素 static / img / user.jpg

之后,图像的路径就是这个

我正在使用 localhost(xampp)

所以,基本上这是我的构建:

这是我在laravel 之前

中的公共文件夹

enter image description here

然后,这是放置 Build 内容后的我的 Public 文件夹 enter image description here

在这里,我已合并公共文件夹中的css和js文件夹的文件

然后,下一步是我从 Build (第一个屏幕截图)的 index.html 复制代码,并将其粘贴到资源/视图/ windows.blade.php

该项目运行正常,除了未显示图像,图像的路径是检查元素 static / img / user.jpg 后的路径,请帮助我。

谢谢

3 个答案:

答案 0 :(得分:0)

使用

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

或将您的基本域放在此处

答案 1 :(得分:0)

我做了什么,从我的项目文件中打开终端并运行php artisan serve命令,它运行良好,可以加载所有图像

答案 2 :(得分:0)

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