Spark API returning a login page not 401

What does you api.php routes look like?

when I do not send the API key

Sounds like they are in the auth:api route group then?

Yes I have them in a route group

Route::group([
    'middleware' => 'auth:api'
], function () {
    //
    Route::get('sample', function(){
       return  ['sample' => 'You got a sample'];
    });
    Route::post('sample', function (){
       return ['sample' => 'successful sample post'];
    });
});

Well, I was hinting at it... but if you don't want them to be required to use the api key or be authenticated, they shouldn't be in that route group that is requiring it.

Route::group([
    'middleware' => 'auth:api' // required to be authenticated and pass api key
],

Thanks Cronix. I do want them to be required, I just would have thought it might automatically send and unauthorized error and not return a login page.

I am just looking to understand some of the hidden structure I suppose in Spark.

This has been driving me crazy for days now. App worked great with last year's Laravel/Spark combo. Tried upgrading to latest and greatest this week and now I'm getting 401s.

Even tried base installation Laravel 5.7 and Spark 7.0.2 and put this one route in:

Route::group([
    'middleware' => 'auth:api'
], function () {
    Route::get('/test', function () {
        return ['name' => 'taylor otwell'];
    });
});

and this for home.js:

Vue.component('home', {
    props: ['user'],

    mounted() {
        axios.get('/api/test').then(response => {
            console.log(response.data);
        });
    },
});

And I get 401 Unauthorized in the console and logged out. $usesApi is set to True...

Shouldn't it work with only these two simple modifications? Or am I missing something?

I´m having the same issue...

@NCKLRS - Try sending the request with header

Accept: 'application/json'

Did you work this out? Driving me insane here!