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

Question

问题描述

最近要做一个SEO优化 看了vue官网说nuxt可以实现seo，但是自己上手操作了一遍。右键查看网页源代码还是没有东西

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

这是我的页面，通过调接口出来的数据渲染的页面上。
我右键检查源代码但是没有任何数据

没有内容怎么做seo优化？？？？

Answer 1

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