Single Page App. React/Laravel. Как сделать правильно?

Question

[webdevhero]

Всем привет!

Вот создал я приложение на React через Create-React-App, запилил CORS на бэкенде, использую как API Laravel (о том, что лучше юзать Люмен для api, говорить не стоит) - а как потом собрать это в одно приложение? Ну вот я сделаю npm run build для Реакта и что дальше? Я конкретно при разворачивании на хостинге

О том, что я даун и не выкупил простейшие вещи тоже писать не стоит, это очевидно

Если в блейд подключаю Laravel, то реакт-роутер работает нормально до тех пор, пока я не обновлю страницу, че делать?

Comments

[Роман Александрович]

Сделайте билд залейте на сервер и постучитесь к index.html

[webdevhero]

Роман Александрович: а как будет осуществлён доступ к роутам Ларавеля?

[Роман Александрович]

webdevhero: а вы в проекте как прописали ? вы ж написали апи? вот к апи и стучитесь

[webdevhero]

Роман Александрович: в моем понимании запросы будут направлены на index.html, а роутер Ларавеля не сможет отрабатывать их, неправильно мыслю?

[Роман Александрович]

webdevhero: https://medium.com/@adelekandavid2013/reactjs-app-...
прочтите пожалуйста тут подробно описано что как делать

[webdevhero]

Роман Александрович: Спасибо!

Answer 1

[webdevhero]

Помогло лишь:

Route::get('{reactRoutes}', function () {
return view('welcome'); // your start view
})->where('reactRoutes', '^((?!api).)*$');

Всем спасибо

Answer 2

[Олег Гамега]

Ну вот я сделаю npm run build для Реакта и что дальше? Я конкретно при разворачивании на хостинге

ложите в папку на сервер и отдаете как обычную статику nginx

Comments

[webdevhero]

А Ларавель рядом поставить? Т.е в папку Ларавеля public закинуть и все? Так, а роуты Ларавеля как будут работать? Будут, да?

[Олег Гамега]

webdevhero: не знаком с ларавелом, но да. с роутами могут быть проблемы лучше проверьте

Answer 3

[Arman]

Не то Envoy Task Runner? Мы разворачиваем все через него

Answer 4

[Роман Александрович]

https://medium.com/@adelekandavid2013/reactjs-app-...