Axios基本授權不經過Reactjs

我正在嘗試對我的團隊所做的需要授權的stormpath應用程序進行GET調用。當使用郵差測試和一些配置後，一切都出來了200

使用curl工作

curl --verbose --user ID:SECRET -H "Accept: application/json" https://api.stormpath.com/v1/tenants/current 
... 
< HTTP/1.1 302 
< Cache-Control: private, no-cache, no-store, max-age=0, no-transform 
< Date: Tue, 10 Jan 2017 09:27:14 GMT 
< Location: https://api.stormpath.com/v1/tenants/TENANTID 
< Pragma: no-cache 
< Stormpath-Request-Id: f8e4dee0-d716-11e6-9795-22000aa92aa2 
< Strict-Transport-Security: max-age=31536000; includeSubDomains; preload 
< X-Frame-Options: SAMEORIGIN 
< Content-Length: 0 
< Connection: keep-alive 
< 
* Connection #0 to host api.stormpath.com left intact

但是，當我試圖在React撥打電話通過Axios我得到一個401錯誤。

XMLHttpRequest cannot load https://api.stormpath.com/v1/tenants/current. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:3000' is therefore not allowed access. The response had HTTP status code 401.

這是我用什麼：

axios({ 
method: 'get', 
url: "https://api.stormpath.com/v1/tenants/current", 
auth: 
{ 
    username: 'api ID', 
    password: 'api Secret' 
} 
})

我不知道爲什麼，但根據我得到的迴應它不提供用戶名和密碼。

code:401 
developerMessage:"Authentication with a valid API Key is required." 
message:"Authentication required." 
moreInfo:"http://www.stormpath.com/docs/quickstart/connect" 
requestId:"3686f590-d69e-11e6-9b8a-22000a8ce5d1" 
status:401

它似乎有類似的問題之前曾被問過，但仍然沒有對他們的迴應。

Reactjs Axios/Spring boot security

Cannot Basic Auth from React App with Axios or SuperAgent

Basic authentication : failure supergaent+OSX , success on superagent+Redhat , success on Postman+OSX,

感謝的抽出時間來閱讀。

來源

2017-01-09 Nike Adeyemi

可能是無效的API密鑰/祕密，如錯誤所述。 –

使用郵遞員API密鑰/祕密工作得很好。我甚至使用API密鑰/祕密通過地址欄訪問API，它仍然有效。 –

好吧，所以我想不通爲什麼axios驗證呼叫不起作用，但我找到了一種方法來通過。我所做的是在express內部而不是在React內部進行auth API調用。

所以發生了什麼是React撥打我的服務器本地主機。

axios.get("/secret") 
    .then(
     function(response) 
     { 
      console.log(response) 
     } 
    )

然後node/express服務器捕獲它並運行我想要的API調用。我用request和cors

app.use(cors()); 

... 

app.get('/secret', function(req, res){ 

    var queryUrl = "https://api.stormpath.com/v1/tenant/current; 
    request({url:queryUrl, auth: { 
    user: ID, 
    pass: SECRET 
    }}, function(err, response, body){ 

     if(!err && response.statusCode == 200){ 
      info = JSON.parse(body); 
      res.send(info); 
     } 
     else{ 
      res.send(err) 
     } 
    }) 
})

而且它與所有我需要的stormpath API網址工作。

來源

2017-01-10 21:38:30

幾個月前得到了同樣的問題，最終得到了相同的解決方案。我認爲它與前端的cors相關，因爲您嘗試爲api命中其他域。

而且您將一些自定義身份驗證數據添加到標頭，因此您在撥打電話時可能需要使用'withCredentials：true'。然後它會導致預檢選項呼叫問題。我認爲它不應該在前端處理。希望這個幫助。

來源

2017-01-11 15:49:36 Vincent

我試着添加withCredentials：true，它仍然沒有工作 –

Axios基本授權不經過Reactjs

回答

相關問題