為什么使用 axios 調用 api 時出現錯誤？

Question

我想調用 api 並使用 api 結果進行進一步計算但不能這樣做。 即使在使用 async/await 之后。 我將控制台值設置為未定義。我也嘗試使用 promise 但我不知道如何賦予它授權屬性。 我對 js 很天真，有人可以幫忙解決我哪里出錯了嗎？

 var plan; async function makeRequest() { const config = { "url": "https://jsonplaceholder.typicode.com/posts/1", "method": "GET", "timeout": 0, "headers": { "Authorization": "[Auth_url]" }, }; let res = await axios(config) console.log(res); plan = res; } makeRequest(); console.log("plan",plan)

 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

Answer 1

你可以試試這個方法

您可以在標題部分傳遞令牌詳細信息

 var plan= []; function makeRequest() { axios.get('https://jsonplaceholder.typicode.com/posts/1', { headers: { /* 'Authorization': '',*/ }}).then((res) => { plan = res.data; console.log(plan); }); } makeRequest();

 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

您可以在您提供的示例代碼段集中嘗試這種方法。

 var plan; async function makeRequest() { const config = { "url": "https://jsonplaceholder.typicode.com/posts/1", "method": "GET", "timeout": 0, "headers": { "Authorization": "[Auth_url]" }, }; let res = await axios(config) plan = res.data; } makeRequest().then(result => { console.log("plan",plan) });

 <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>