laravel vue SPA страница возвращающая HTML вместо JSON значения по ajax запросу

Это мой ajax-запрос со страницы Vue .

AuthenticationServices.checkEmail(this.userData.email).then(response => {
    console.log(response);
    if (response.data == 1) {
        this.errored = true;
    } else {
        this.errored = false;
        this.successInput = true;
    }
}).catch(error => {
    console.log(error);
});

и это код, в authenticationservice присвоено.JS

checkEmail(email) {
    const url = '/check-email' + '/' + email;
    const headers = {
        'Accept': 'application/json',
        'X-Requested-with': 'XMLHttpRequest'
    }
    return Api.get(url, headers);
}

и это на Api.JS

get(url, headers = {}) {
    url = this.prepareUrl(url);
    const options = {
        headers: headers
    }
    return axios.get(url, options);
},
prepareUrl(endpoint) {
    let baseUrl = '127.0.0.1:8000/api';
    return baseUrl + endpoint;
}

и это моя паутина.php который рендерит все страницы

Route::get('/{any}', function () {
  return view('welcome');
})->where('any', '.*');

и в Api тоже.php у меня есть маршрут для проверки почты

Route::get('/check-email/{$email}', 'Frontend\Authentication\AuthenticationController@checkEmail')->name('check-email');

а в контроллере у меня есть

public function checkEmail($email)
{
    return response()->json('ok');
}

и когда я попаду на этот маршрут . он возвращается вот так

Ответ должен быть "ОК". я не могу понять, в чем проблема ..

Раздел заголовка