Как обслуживать Vue-CLI с помощью Laravel index.php

Question

Я купил шаблон Vue, который использует vue-cli.Проблема в том, что когда я запускаю npm run dev приложение работает на http://localhost:8080/

У меня уже есть laravel на https://develop.local/

Как запустить сервер vue-cli на https://develop.local/ (в режиме разработки)?

Как настроить и переместить index.html (из каталога vue) в resources/views/index.blade.php laravel, чтобы его можно было обработать public/index.php?

* laravel1016 * Большое спасибо.

Answer 1

Laravel уже настроил это для вас, поэтому для использования vue в laravel вы должны установить laravel-mix, а также vuejs depandancies, которые после запуска этой команды 'npm install' в вашем терминале, после этого вы должны использовать компонент vue, и вы можете добавлять любыеКомпонент в любой блейд-странице Вы должны просто добавить app.js на страницу tnat, не забудьте запустить эту команду 'npm run watch' для сборки всего пользовательского кода js

Answer 2

Вам нужно немного знаний Laravel. Обычно Laravel использует папку resources \ assets \ js, связанную с VueJs или другой библиотекой javascript.Компоненты VueJ должны быть расположены в папке resources \ assets \ js \ components.

Сначала вы можете скомпилировать купленный шаблон vuejs и найти его в соответствии с папкой resources \ assets \ js и resources \ assets \ js \ components.После этого вы можете использовать свои компоненты на ресурсах / views / index.blade.php или на другой блэйд-странице.

Остальное - это работа Laravel.