nuxt.js怎么做seo优化？？？

Question

问题描述最近要做一个SEO优化 看了vue官网说nuxt可以实现seo，但是自己上手操作了一遍。右键查看网页源代码还是没有东西问题出现的环境背景及自己尝试过哪些方法相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码）你期待的结果是什么？实际看到的错误信息又是什么？这是我的页面，通过调接口出来的数据渲染的页面上。我右键检查源代码但是没有任何数据没有内容怎么做seo优化？？？？

Answer 1

问题 经过我这几天的摸索已经成功解决，如果想做seo并渲染首屏的话。调用接口一定要写到asyncData中，官网是这样说的
asyncData方法会在组件（限于页面组件）每次加载之前被调用。它可以在服务端或路由更新之前被调用。在这个方法被调用的时候，第一个参数被设定为当前页面的上下文对象，你可以利用 asyncData方法来获取数据并返回给当前组件。
注意：由于asyncData方法是在组件 初始化 前被调用的，所以在方法内是没有办法通过 this 来引用组件的实例对象。
所以在这个asyncData方法中不能使用this