Vue.js и Laravel - изображения не отображаются после интеграции vuejs с laravel - PullRequest
0 голосов
/ 05 сентября 2018

У меня есть сборка, сгенерированная проектом vue.js, и я интегрировал эту сборку с laravel.

я сделал следующее:

1. Поместите все содержимое сборки в папку Public laravel, кроме index.html

2. И затем, код index.html из папки сборки, я копирую его и вставляю в welcome.blade.php

И теперь, когда я запускаю проект с локального хоста, он работает отлично, за исключением показа любых изображений проекта

Путь изображения следующий после проверки элемента static / img / user.jpg

и я работаю на localhost (xampp)

Итак, в основном это моя сборка:

Это моя папка Public в laravel До

enter image description here

И это моя папка Public после добавления содержимого Build enter image description here

Здесь я должен объединить файлы папки css и js в Public folder

И следующим шагом я скопировал код из index.html из Сборка (первый снимок экрана) и вставил его в resources / views / windows. blade.php

Проект работает нормально, за исключением того, что изображения не отображаются. Путь к изображению следующий после проверки элемента static / img / user.jpg , Пожалуйста, помогите мне.

Спасибо

Ответы [ 3 ]

0 голосов
/ 07 сентября 2018

что я сделал, откройте терминал из файла моего проекта и запустите команду php artisan serve, и она работает нормально, загружает все изображения

0 голосов
/ 15 ноября 2018

попробуйте <img class="..." src="img/..." /> и убедитесь, что ваша папка с изображениями находится в общедоступном каталоге laravel.

0 голосов
/ 06 сентября 2018

Используйте

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

или размещает там базовый домен

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...