Vue.js和Laravel-將vuejs與laravel集成后不顯示圖像

Question

我有一個由vue.js項目生成的構建，並且已經將該構建與laravel集成在一起。

我所做的如下：

1。將所有Build內容放到laravel的Public文件夾中，除了index.html

2。然后，從構建文件夾中的index.html代碼復制並粘貼到welcome.blade.php中

而且，現在當我從本地主機運行該項目時，除了顯示該項目的任何圖像外，它都能完美運行

檢查元素static / img / user.jpg后，圖像的路徑是這個

我在localhost（xampp）上工作

所以，基本上這是我的構建：

這是我在laravel 公共文件夾之前

而且，這是放置構建內容后的“ 公用”文件夾

在這里，我已經合並了公共文件夾中的css和js文件夾的文件

並且，下一步是我從Build的 index.html復制代碼（第一個屏幕截圖），並將其粘貼到resources / views / windows.blade.php中

該項目運行正常，除了未顯示圖像外，檢查元素static / img / user.jpg后圖像的路徑是這個，請幫助我。

謝謝

Answer 1

采用

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

或將您的基本域放在此處

Answer 2

我做了什么，從我的項目文件中打開終端並運行php artisan serve命令，它工作正常，加載了所有圖像

Answer 3

嘗試<img class="..." src="img/..." />並確保您的圖像文件夾位於laravel公共目錄中。