0

Здравствуйте, хочу отдельно поставить vue webpack сборку через vue-cli, чтобы не использовать дефолтную в laravel, laravel будет только как API. Сделал два проекта, laravel стоит на сервере xampp, vue на webpack dev server как я понял, не уверен что так правильно, чтобы сделать API пришлось еще разобраться с CORS(разрешил всем доменам). Как правильно сделать, подскажите, пожалуйста. Может xampp сейчас плох в современной разработке? Какой сервер выбрать если у меня виндовс? Как поставить такое на хостинг? Как в современней разработке правильнее?

2 ответа 2

2

Если кому интересно как захостить vue spa(созданное через vue-cli, то есть проекты разделены) на одном хостинге вместе с laravel, то вот решение от разработчика Vue.

Суть в том что для production build индексный файл генерируется как resources/views/index.blade.php, а статический ресурсы(js, css, img и т.д.) закидываеются в public папку laravel. Это очень удобный вариант для spa вместе с laravel, все можно закинуть на один хостинг, работает hot reload и отлично работает API, нет проблем с CORS(разные домены).

Вот делал авторизацию на Vue cli 3 + Laravel 5.7.

Вот делал маленькое TODO приложение.

Если использовать Nuxt, то там довольно тяжело сделать spa с laravel на одном хостинге, вот как я делал это через один пакет. Nuxt SSR + Laravel никак не захостишь вместе, SSR работает через nodejs сервер и нужно будет делать запрос с одного домена(клиент) на другой(сервер API).

1

Правильно настроить все аспекты приложения с рендерингом на стороне сервера и готовое к развёртыванию на production может быть сложной задачей. К счастью, есть отличный проект сообщества, который стремится сделать всё проще: Nuxt.js.

Nuxt.js — это высокоуровневый фреймворк, построенный на экосистеме Vue, что обеспечит быстрое получение опыта разработки универсальных приложений на Vue. И даже лучше, вы можете использовать его в качестве генератора статических сайтов (со страницами представленными однофайловыми компонентами)!

ссыль на Nuxt.js

0

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.