如何让Vue.js代码被搜索引擎收录？可否部分集成Nuxt.js无需全量重构？

你不需要重构整个项目，完全可以仅针对需要SEO收录的目录模块使用Nuxt.js实现服务端渲染，其余部分保留原有Vue.js（CDN版本）的实现，有两种常用的落地方案：

• 路由拆分独立部署：在站点的反向代理层（例如Nginx）配置规则，将所有目录页相关的路由（比如你站点的/services/home-care/*路径）转发到单独部署的Nuxt服务，其余路由仍然指向原有站点资源。两个项目完全独立开发、部署，互不干扰，原有页面的代码不需要做任何调整，仅需单独用Nuxt实现目录页的功能即可。
• 嵌入服务端渲染片段：将目录模块封装为Nuxt的独立服务端组件，在现有站点的后端服务返回页面前，调用Nuxt的组件渲染接口获取预渲染好的HTML片段，直接拼接进页面的对应位置再返回给客户端/搜索引擎爬虫。前端原有Vue.js的交互逻辑可以正常接手该部分的用户操作，不需要修改原有业务代码。

如果你的站点目录数据更新频率不高，还有更轻量的替代方案无需引入Nuxt：可以使用prerender类工具提前为所有目录页生成带完整数据的静态HTML，部署后爬虫就能直接抓取到完整内容，改造成本更低。

内容的提问来源于stack exchange，提问作者Mira