如何将 build react app (js,css) 添加到 Laravel 后端服务器中

Question

I have a front end app (React js) and Back end (Laravel) server. I build the front end(Reactapp) using npm run build .now I got the build folder ( -->static folder-->css , js , media folder ).

I need to add these static folders ( CSS, js, media ) to the back end ( Laravel server ) and configure. It means when I start PHP artisan serve my frond-end react app should be rendered.

how can I add static folders to the back end and configure?

Answer 1

By default laravel comes with vue.js . To use react.js in laravel app, You shoudl change from vue.js to react.js by using the following command .

php artisan preset react

Then install npm in your laravel directory by using ,

npm install

Push your react.js code into resources/js/ folder. Change the app.js contents also. For more info, follow the tutorial . laravel-react-tutorial

Answer 2

Just copy your static folder from your build file and paste it to Laravel Pubilc Dir.

Now we have to find the server.php and change the initial rendering page index.php as index.html.

require_once __DIR__.'/public/index.html';

That's all your front end app(React Js) configure with back end (Laravel)