Nuxt3 - 超详细动态设置网页标题/描述/关键字/图标等 SEO 信息，先调用接口获取数据后，再给页面设置标题、描述说明、关键字（接口服务端拿到数据后，然后给页面设置 meta 相关标签和数据）

前言

为每个页面单独设置 SEO 标题、描述、关键字、图标等，并且可以动态赋值。

本文 实现了在 nuxt3.js 开发中，先请求接口获取数据，再给网页动态设置标题 title、描述说明 description、关键字 keyword、图标 icon 等等，

支持调用接口赋值网页 SEO 信息，也可以对数据进行二次加工（字符串额外拼接与处理等操作），

---

如下图所示，查看网页源代码时可以看到已经成功调用接口，然后动态写入到了页面 SEO 中，

示例代码干净整洁，保证新手小白100%完成该功能！

示例代码

按照以下方法，即可轻松搞定 “动态设置” 网页 SEO 信息。