2017-01-07 3 views
6

Authorizationヘッダーを必要とするAPIでGETリクエストにAxiosを使用しようとしています。アクセシビリティ・ネイティブ・アプリケーションでAxios GETを使用する

私の現在のコード:USER_TOKENが必要なアクセストークンです

const AuthStr = 'Bearer ' + USER_TOKEN; 

。この文字列の連結は、私がAuthStr = 'Bearer 41839y750138-391'として投稿した場合のように、次のGET要求が機能し、後のデータを返すような問題である可能性があります。

axios.get(URL, { 'headers': { 'Authorization': AuthStr } }) 
    .then((response => { 
    console.log(response.data); 
    }) 
    .catch((error) => { 
    console.log(error); 
    }); 

これをグローバルヘッダーとして設定してみましたが、これは成功しませんでした。

+0

はconsole.log( 'ベアラ' + USER_TOKEN)何を与えないの.plistファイルにこのコードを追加することができますか? – Swapnil

+0

ベアラー472397403110(または何らかのトークン番号) –

+1

console.log(typeof(USER_TOKEN))とは何ですか? – Swapnil

答えて

9

この投稿には他にも、役に立つと思うかもしれません。 実際には私のコードに問題はありません。私は、パスワードアクセスコード(#facepalms)の代わりにclient_credentialsタイプのアクセスコードを要求して間違いました。 FYI私は、したがってクエリ文字列の使用をURLエンコードポストを使用しています。.. だから、いくつかのサンプルコードを探している可能性があり、その人のため..ここに私の完全な要求は私がこれをデバッグしようとしているため@swapnilする

ビッグのおかげです。

const data = { 
     grant_type: USER_GRANT_TYPE, 
     client_id: CLIENT_ID, 
     client_secret: CLIENT_SECRET, 
     scope: SCOPE_INT, 
     username: DEMO_EMAIL, 
     password: DEMO_PASSWORD 
    }; 



    axios.post(TOKEN_URL, Querystring.stringify(data)) 
    .then(response => { 
     console.log(response.data); 
     USER_TOKEN = response.data.access_token; 
     console.log('userresponse ' + response.data.access_token); 
    }) 
    .catch((error) => { 
     console.log('error ' + error); 
    }); 



const AuthStr = 'Bearer '.concat(USER_TOKEN); 
axios.get(URL, { headers: { Authorization: AuthStr } }) 
.then(response => { 
    // If request is good... 
    console.log(response.data); 
    }) 
.catch((error) => { 
    console.log('error ' + error); 
    }); 
+0

Axiosで複数のカスタムヘッダーを渡す方法 –

-1

実際にこの問題が発生した理由は、localyのhttp要求をサポートしていません。

あなたは

<key>NSAppTransportSecurity</key> 
    <dict> 
    <key>NSAllowsArbitraryLoads</key> 
    <true/> 
    </dic> 
関連する問題