Laravel и vue.js, не удалось вызвать api в vue.js и проекте laravel

Question

я пытаюсь получить пользовательские данные из моего laravel с помощью vue js, однако я пытаюсь всегда терпеть неудачу

вот мой код laravel в папке маршрута api.php:

Route::middleware('auth:api')->get('/user', function (Request $request) {
return $request->user();
});

и вот мой код vue js:

export default {
props: ['product', 'authenticatedUser'],

methods: {
getUser () {
  this.$http.get('api/user/')
    .then(response => {
      console.log(response)
    })
   }
  }
}

мой код работает для другого случая, но если я пытаюсь получить пользовательские данные, нажав на кнопку, происходит сбой, вот моя ошибка

Failed to load http://localhost/hadirr/laracore/public/api/products/: 
Response for preflight is invalid (redirect)
feed#:1 Uncaught (in promise) Response {url: 
"http://localhost/hadirr/laracore/public/api/products/", ok: false, status: 
0, statusText: "", headers: Headers, …}

вот мое полное сообщение об ошибке: