Vue.js и Laravel - как интегрировать проект vuejs с laravel 5 *?
Я создал проект на Vue.js, и теперь я просто хочу интегрировать этот проект vuejs с laravel 5 plus. Должно ли это выполняться сборкой или компонентами vue.? Спасибо.
ваш проект vuejs - это проект vue-cli? потому что laravel 5. * поставляется с предустановкой vuejs из коробки. поэтому в основном вам не нужно создавать проект vuejs, отделенный от laravel
эй @Devon, я не фронтенд-разработчик, я знаю только laravel, у меня есть проект от кого-то только в vue.js, и он хотел, чтобы я интегрировал этот шаблон vuejs в laravel (например, как мы интегрируем шаблон html с laravel ), надеюсь, у вас это получится. и спасибо за помощь
Что ж, похоже, вам нужен фронтенд-разработчик, чтобы запрограммировать код vue.js в ваше приложение, либо в связке, либо через api. Это не будет тот же процесс, что и при использовании шаблона html.
@ElAlamiAnas да, это vue-cli3, но мой проект довольно большой, я не могу переписать весь код
он может быть интегрирован с использованием компонентов, которым требуется больше логики для взаимодействия с серверной частью
@Devon, о, хорошо, я видел проект в Интернете, они использовали папку сборки в laravel, и они вызывали файл main.js из welcome.blade.php, это хороший способ ..? Я не думаю, что это хороший способ, потому что в будущем, если мы захотим внести какие-либо изменения в компоненты vue, и мы не сможем реализовать это в папке vue, поэтому я не думаю, что это правильный путь.
@boussadjrabrahim, я тоже думаю о samw, но я не могу найти подходящую ссылку
вы можете поместить свои компоненты в resources/assets/js соответствующим образом и построить их, используя смесь laravel, но прежде чем вам понадобится добавить дополнительную логику и необходимые компоненты в свои шаблоны лезвий, мы предполагаем, что у вас есть компонент формы входа, созданный с использованием vue.js, в этом случае вы могли бы поместите его в шаблон login.blade.php и добавьте логику, которая позволяет вам взаимодействовать с серверной частью для получения информации о пользователе ...
Ответы 1
Простой способ сборки Vue в Laravel
после загрузки проекта Laravel вы открываете свой терминал и набираете
npm install
Vue автоматически установлен в вашем проекте Laravel
app/resources/assets/js/app.js
Вам нужно изменить свой маршрут Laravel в web.php
Route::any('{all}', function(){
return view('app');
})->where('all', '.*');
После смены маршрутизатора Laravel вы можете использовать маршрутизатор Vue вместо маршрутизатора Laravel.
У меня все работает.
хорошо, тогда после этого? где мне разместить мои компоненты vue и другие файлы или папки ?? и в каком каталоге находится это приложение / ресурсы / сборщики / js / app.js ..? Новая папка будет создана в папке нашего приложения?
Не уверен, о чем вы здесь спрашиваете. Странно иметь интерфейс, разработанный без каких-либо знаний о серверной части, но даже в этом случае ваш вопрос слишком общий и неясный. Что конкретно вы пытаетесь интегрировать?