Здравствуйте, хочу отдельно поставить vue webpack сборку через vue-cli, чтобы не использовать дефолтную в laravel, laravel будет только как API. Сделал два проекта, laravel стоит на сервере xampp, vue на webpack dev server как я понял, не уверен что так правильно, чтобы сделать API пришлось еще разобраться с CORS(разрешил всем доменам). Как правильно сделать, подскажите, пожалуйста. Может xampp сейчас плох в современной разработке? Какой сервер выбрать если у меня виндовс? Как поставить такое на хостинг? Как в современней разработке правильнее?
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).
Правильно настроить все аспекты приложения с рендерингом на стороне сервера и готовое к развёртыванию на production может быть сложной задачей. К счастью, есть отличный проект сообщества, который стремится сделать всё проще: Nuxt.js.
Nuxt.js — это высокоуровневый фреймворк, построенный на экосистеме Vue, что обеспечит быстрое получение опыта разработки универсальных приложений на Vue. И даже лучше, вы можете использовать его в качестве генератора статических сайтов (со страницами представленными однофайловыми компонентами)!