为什么使用 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>