Hosting Laravel API with Angular Front end

What sort of things are you talking about?

A complete Angular SPA with a Laravel backend API?

@tha07 Really up to you. If it is one app, might as well be one codebase. Laravel is kind of structured for that. You can organize your routes so "interference" isn't really a thing.

Also... please try out Vue. It is sooooo much easier to write. ;)

I have a complete react spa that is running on laravel

My web.php has this single route which just serve a single index.blade.php file

Route::view('/{path?}', 'index')
    ->where('path', '.*')
    ->name('react');

And then I have made a separate ajax.php route file for all my react routes, setup kinda like an API, except it uses the web middleware group, to allow sessions, auth etc.

protected function mapAjaxRoutes()
    {
        Route::prefix('ajax')
            ->middleware('web')
            ->namespace($this->namespace . '\Ajax')
            ->group(base_path('routes/ajax.php'));
    }

For never projects I use inertiajs to make this whole think much much easier though :)

Yes @topvillas. Its a complete Angular SPA with Laravel backend API

@sinnbeck I made the exact same thing (ajax Route Service block) in one of my apps but did not think of using namespace there!!! That is brilliant! I'm going to use that. Thank you.

@fylzero Happy to help. Just make everything easy to organize :)

@fylzero sure. I'm trying to move into Vue soon

@sinnbeck where have you put the React codebase?

@tha07 I load it in using npm and compile it using webpack. It is then loaded from the public/js folder

All my code is es6 with imports and such.

https://imgur.com/XqArgyc

@sinnbeck how to tell Laravel to load the index.html file which is bootstrapping my angular app. I mean js files are not enough to run the angular app. routes, index.html file. how are they need to be reconfigured?

Swap the index.html for index.blade.php

It is essentially the same.

Just put all the stuff right into there :) If you need more files you can use web.php to serve those "html" files :)

@sinnbeck, Now I got it. thanks for the clarification. I'll try this with Angular. :)

Sounds good. If you end up using any of these suggestions, you can consider making a best answer :)

@sinnbeck sure :)