报错Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

北极糊的狐

于 2024-11-19 10:29:14 发布

阅读量360

点赞数 5

分类专栏：前端总结文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/SSHLY3/article/details/143836239

版权

前端总结专栏收录该内容

72 篇文章

订阅专栏

报错:Uncaught SyntaxError: await is only valid in async functions and the top level bodies of modules

控制台:

代码:

      const app = new Vue({
        el: '#app',
        data: {
          
        },
        created(){
          const res = await  axios.get('https://applet-base-api-t.itheima.net/bill',{
            params:{
              createor:'yang'
            }
          })
        }
      })

这是因为await要放在 async函数里面

在await外层方法前加一个async即可：

 const app = new Vue({
        el: '#app',
        data: {
          
        },
        async created (){
          const res = await  axios.get('https://applet-base-api-t.itheima.net/bill',{
            params:{
              createor:'yang'
            }
          })
        }
      })