在单个异步函数中链接等待

Question

async function submitForm(e){
  e.preventDefault()
  console.log(e.target)

  await axios.post('/api/<PATH>', {username, password})
    .then(res => {
      console.log(res.data)
      const token = res.data.token
      if (token){
        const json = jwt.decode(token) as { [key: string]: string}
  
        await axios.post('/api/<PATH>', { token })
          .then(res => {
            const data = res.data

问题出在这一行

await axios.post('/api/<PATH>', { token })

我的 IDE 状态

TS1308：“await”表达式仅允许在异步函数中和模块的顶层使用。

目前无法编译，我正在尝试将令牌值传递给另一个 axios API 调用。但是，由于上述错误，目前这是不可能的。任何有关如何解决此问题的线索将不胜感激

Answer 1

await 必须直接在async 函数中，你还需要制作回调函数async。

async function submitForm(e){
  e.preventDefault()
  console.log(e.target)

  await axios.post('/api/<PATH>', {username, password})
    // async here
    .then(async res => {
      console.log(res.data)
      const token = res.data.token
      if (token){
        const json = jwt.decode(token) as { [key: string]: string}
  
        await axios.post('/api/<PATH>', { token })
          .then(res => {
            const data = res.data

正如Bergi所说，没有必要混合await和.then，你的代码可能是这样的：

async function submitForm(e){
  e.preventDefault()
  console.log(e.target)

  let res = await axios.post('/api/<PATH>', {username, password})
  console.log(res.data)
  const token = res.data.token
  if (token){
    const json = jwt.decode(token) as { [key: string]: string}
  
    res = await axios.post('/api/<PATH>', { token })
    const data = res.data;