Laravel Passport 401 아파치와 Vue를 사용하는 무단 오류

Question

vue와 laravel 패스포트를 사용하여 laravel 사용자 API를 생성하려고하는데, 헤더에 인증 오류가 계속 발생합니다. 이 ismy 코드

<script> 
import Hello from './components/Hello' 

export default { 
    name: 'app', 

    components: { 
    Hello 
    }, 
    created() { 
    const postData = { 
     grant_type: 'password', 
     client_id: 2, 
     client_secret: 'sXdg5nOO4UU2muiHaQnTq4hDQjyj17Kd9AeKuNEx', 
     username: 'robertrutenge@gmail.com', 
     password: 'password', 
     scope: '' 

    } 
    this.$http.post('http://localhost:8000/oauth/token', postData) 

    .then(response => { 
    console.log(response) 

    const header = { 
     'Accept': 'application/json', 
     'Authorization': ~'Bearer ' + response.body.access_token 
    } 
    this.$http.get('http://localhost:8000/api/user', {headers: header}) 

    .then(response => { 
     console.log(response) 
    }) 
    }) 
    } 
} 
</script> 

나는 연구를 수행 한 대부분의 답변은 아파치 설정 파일 또는 htaccess로 파일을 수정 제안하지만, 그 또한 내 말에 작동하지 않습니다. 어떤 도움을 주시면 감사하겠습니다 :-)

Answer 1

이없는 문제인가 확인을 보낼 필요를 요청합니다. 나는 larvel API를 Apache에서 nginx로 옮겼다. 이렇게 미들웨어 처리기를 업데이트했습니다. 다음

$origin = $request->server()['HTTP_ORIGIN']; 

      if(in_array($origin, $url)){ 
       header('Access-Control-Allow-Origin: '. $origin); 
       header('Access-Control-Allow-Headers: Origin, Content-Type, Accept, Authorization, X-Csrf-Token'); 

      } 

Answer 2

vue 앱과 laravel 앱이 결합 된 경우 X-CSRF-TOKEN을 보내고 각 토큰을 보낼 필요가있는 인증 헤더없이 API를 사용할 수 있다고 생각합니다. vue.js 또는 larvel에 여기에

https://laravel.com/docs/5.3/passport#consuming-your-api-with-javascript

Answer 3

해결 (2) 이 AuthServiceProvider.php

에

키포인트 이동 아파치 서버에서 잘 작동 : 지금

토큰 여권 :: tokensExpireIn (탄소 ::의 설정 만료() - > addDays (1)); 당신은해야

때문에이 문제가 해결되지 것입니다 그러나 그들은 이미 토큰과 함께 인증 헤더를 전달하는,이 자체 소비하는 API를위한 최선의 선택이 될 것입니다