在项目中需要在初始化页面前先得到数据,也就是我们常说的异步请求数据。Nuxt.js贴心的为我们扩展了Vue.js的方法,增加了asyncData(){……}。从名字上就很好理解,这是一个异步的方法。
示例:
asyncData ({ params }) {//请求
return axios({
method: 'get',
url: '后台api接口'
})
.then(function (res) {
return { data:res.data }
})
}
但是实际开发中发现,本页面刷新会报错,这里需要处理一下。
async asyncData ({ params }) {//请求
let res =await axios({
method: 'get',
url: '后台api接口'
})
return { data:res.data }
}
json不好使
本地获取json,发现使用这种办法也不好使,所以改为 import引入,具体请看nuxt 访问本地json数据