异步数据asyncData调用请求后端接口


Nuxt.js增加了一个叫 asyncData 的方法,使得我们可以在设置组件的数据之前能异步获取或处理数据。


asyncData 方法


asyncData方法会在组件(限于页面组件)每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候,第一个参数被设定为当前页面的上下文对象,你可以利用 asyncData方法来获取数据,Nuxt.js 会将 asyncData 返回的数据融合组件 data 方法返回的数据一并返回给当前组件。

 async asyncData(app) {
    
    
        let res = await app.$axios.get('后端请求地址', {
    
    
            params: {
    
    
                参数: '参数值'
            }
        })
        return {
    
     res.data }
    }

有疑惑的朋友可以评论,一起交流,有时间会回复。

Guess you like

Origin blog.csdn.net/TOP1999LHF/article/details/122250449