为什么我在使用 axios 调用 api 时出现错误？

Question

我想调用 api 并使用 api 结果进行进一步计算但不能这样做。即使在使用 async/await 之后。我将控制台值设置为未定义。我也尝试使用承诺，但我不知道如何赋予它授权属性。 我对 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>

您可以在您提供的示例 sn-p 集合中尝试这种方法。

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>