nuxt中的asyncData与vue中的data有什么区别？

Question

在asyncData中做接口请求没反应

api.js是配置axios的，放在static下：

我把请求放在mounted中是可以成功请求的

Answer 1

最近使用了一段时间 nuxt 这个开箱即用的 SSR 框架。

官方说了，asyncData 是在 vue 页面创建期间调用，用于给页面变量进行赋值的数据。

和 data 之间的区别就是，在 SSR 渲染过程中这部分数据会被加载到页面上，SEO 可以检索到这部分数据。

而你在 mounted 中获取的数据需要先保存到 data 中再进行渲染，所以如果你的数据放在 mounted 中加载，SEO 是检索不到这部分数据的。