Как взаимодействуют Laravel c Vue.js находящихся в двух отдельных папках?

@xat55 · Регистрация: 24.02.2019

Author24 — интернет-сервис помощи студентам

Всем привет.
Есть задача - сделать микросервисную архитектуру проекта, чтобы было две отдельные папки. Одна с Laravel, другая чисто Vue.js, развернутая с помощью cli.
Это я могу сделать. Но не могу понять, как сделать, чтобы клиент получал от сервиса данные?

Кто знает, расскажите, пожалуйста, по подробнее.
Благодарю.

@tarasalk · 16.08.2021, 15:27

Это SPA. Можно (и лучше) не то что в разных папках сделать, но даже на разных серверах.
Фронт и бекенд общаются друг с другом как обычно по апишке.

Например

JavaScript    
        
    Скопировано
1
2
3
4
let url = 'https://api.github.com/repos/javascript-tutorial/en.javascript.info/commits';
let response = await fetch(url);
 
let commits = await response.json(); // читаем ответ в формате JSON

@xat55 · 16.08.2021, 15:38 **[ТС]**

tarasalk,
Я правильно понял? На фронтенде мы прописываем путь, по которому мы аяксом получаем данные с сервера?
Получается, в двух папках нужно запустить сервер? В одном случае, npm run serve, а в другом - php artisan serve?

@tarasalk · 16.08.2021, 16:16

Да. Но я бы через nginx настраивал, а не через эти команды запускал. Там можно даже сделать чтобы хост одинаковый был и тогда с CORS можно будет не заморачиваться.

Новые блоги и статьи Все статьи Все блоги /
Похоже LM превзошла меня в умении манипулирования аргументами, но это надо проверить. Линейное решение нелинейной задачи. Hrethgir 10.04.2025 В продолжение Эта LM дала ответ похожий на нормальный. В комментриях мой комментарий - похоже она првзошла меня в умении манипуляций аргументами. Assistant qwen2. 5-14b-instruct . Сначала. . .	Переменные в Python py-thonny 10.04.2025 Переменная в программировании — это символическое имя, связанное с областью памяти, в которой хранится значение. Она позволяет получать доступ к данным через понятные человеку идентификаторы, а не. . .	Многопоточность в C#: Task и асинхронные операции UnmanagedCoder 10.04.2025 Многопоточность позволяет выполнять несколько операций одновременно, что важно для решения двух основных задач: повышения скорости выполнения вычислительно-сложных операций и сохранения отзывчивости. . .	Линейное решение не линейной задачи (емкость вычислений в сравнении с традиционными решениями пока не определена). Hrethgir 10.04.2025 В рамках предстоящих вычислений пришлось (да, я тоже знаю про корень числа, и про степеня, и прочие теоремы, но. . . ) найти способ нахождения отношения двух углов. . . .	Запуск контейнеров Docker на ARM64 Mr. Docker 09.04.2025 Появление таких решений, как Apple M1/ M2, AWS Graviton, Ampere Altra и Raspberry Pi, сделало использование ARM-систем обыденностью для многих разработчиков и DevOps-инженеров. При этом Docker,. . .
Vue SFC компонент на PHP с Fusion Jason-Webb 09.04.2025 PHP на сервере и JavaScript на клиенте — классическое сочетание, которое, несмотря на свою эффективность, создает определенный когнитивный диссонанс при разработке. В этом контексте появляются. . .	TypeScript vs JavaScript: Отличия и когда что использовать Reangularity 09.04.2025 JavaScript появился в 1995 году как творение Брендана Эйха и быстро стал основой интерактивности в вебе. За свою историю он прошел путь от простого языка для манипуляций с DOM до полноценной. . .	Подключение Kafka к Elasticsearch Codd 09.04.2025 Apache Kafka и Elasticsearch — две мощные технологии, которые при совместном использовании создают эффективную платформу для обработки и анализа данных в реальном времени. Kafka, выступая в роли. . .	Реализации таймеров в Unity GameUnited 09.04.2025 Время — важный ресурс любой игры. Разработка качественных игровых механик невозможна без грамотного управления временем, а таймеры выступают ключевым инструментом этого управления. Представьте себе. . .	Функции высшего порядка в JavaScript run.dev 09.04.2025 Функции высшего порядка представляют собой один из фундаментальных камней функционального программирования в JavaScript. По сути, это функции, которые либо принимают другие функции в качестве. . .

@xat55 1 / 1 / 0 Регистрация: 24.02.2019 Сообщений: 101

	Как взаимодействуют Laravel c Vue.js находящихся в двух отдельных папках? 16.08.2021, 09:03. Показов 1016. Ответов 3 Метки laravel, vue, микросервисы (Все метки) Всем привет. Есть задача - сделать микросервисную архитектуру проекта, чтобы было две отдельные папки. Одна с Laravel, другая чисто Vue.js, развернутая с помощью cli. Это я могу сделать. Но не могу понять, как сделать, чтобы клиент получал от сервиса данные? Кто знает, расскажите, пожалуйста, по подробнее. Благодарю. 0

@xat55 1 / 1 / 0 Регистрация: 24.02.2019 Сообщений: 101
	16.08.2021, 15:38 [ТС]
	tarasalk, Я правильно понял? На фронтенде мы прописываем путь, по которому мы аяксом получаем данные с сервера? Получается, в двух папках нужно запустить сервер? В одном случае, npm run serve, а в другом - php artisan serve? 0

@tarasalk 1992 / 1216 / 440 Регистрация: 13.06.2013 Сообщений: 4,115
	16.08.2021, 16:16
	Да. Но я бы через nginx настраивал, а не через эти команды запускал. Там можно даже сделать чтобы хост одинаковый был и тогда с CORS можно будет не заморачиваться. 0