Laravel Passport 401 Apacheと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> 

私が研究を行っていると、ほとんどの答えは、Apacheの設定ファイルや.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

Apacheサーバ上で正常に動作して解決（2） AuthServiceProvider.php

キーポイントに行く：設定トークン

の満了

パスポート:: tokensExpireIn（カーボン::今（） - > addDays（1））;あなたがしなければならない

のでこれで問題が解決しないだろうが、彼らはすでにトークンでAuthorizationヘッダを渡している、これは自己消費するAPIのための最善の選択肢だろう