为什么我的api请求转到网络路由而不是api路由？ Laravel 5.5.33

Question

Am trying to set up a SPA with Vuejs and Laravel at the backend Which made to configure the web route to accept all path and return the home page but

all my ajax request with axios

signin(context, data) {
    axios.post(`${this.base_url}/api/signin`,data)
    .then(response => {
        context.error = false
        localStorage.setItem('id_token', response.data.meta.token)
        this.user.authenticated = true
        this.user.profile = response.data.data
        router.push({
            path: '/'
        })
    }).catch(errors => {
        console.dir(errors.response.data)
        context.errors = errors.data
        context.error = true
    })
},

are going to laravel web route

<?php Route::any('{all}', function () {return view('index'); })->where(['all' => '.*']);

instead of api route

Route::group(['middleware' => ['api']], function () {
Route::post('/api/register', [
    'uses' => 'Auth\AuthController@register',
]);

Route::post('/api/signin', [
    'uses' => 'Auth\AuthController@signin',
]);

Route::group(['middleware' => 'jwt'], function () {
    Route::get('/user', [
        'uses' => 'UserController@index',
    ]);
});

});

Please can anyone explain to me why this happening?

Answer 1

Please remove api routes from routes/web.php file and place it in routes/api.php file

Route::post('/api/register', [
     'uses' => 'Auth\AuthController@register',
]);

Route::post('/api/signin', [
     'uses' => 'Auth\AuthController@signin',
]);

Route::group(['middleware' => 'jwt'], function () {
      Route::get('/user', [
          'uses' => 'UserController@index',
      ]);
});

Your web.php should only contain

Route::any('{all}', function () {return view('index'); })->where(['all' => '.*']);