Nuxt网站SSR不生效：静态页未服务端渲染、动态meta源码不可见

• 渲染模式配置错误
  当前nuxt.config.js中设置的target: 'static'是静态站点生成模式，根本不是SSR服务端渲染模式。这个模式下所有页面HTML都是本地构建阶段提前生成好的纯静态文件，部署到服务器后没有动态运行的Node服务环节，不存在请求时实时渲染并返回完整HTML的流程。
• 页面标签的验证线索
  正常SSR渲染输出的HTML，根标签会自动携带data-n-head-ssr属性，证明head相关内容是服务端渲染阶段直接注入到返回流里的；你现在项目的根标签只显示序列化后的data-n-head值，说明所有head内容都是浏览器加载完JS包、客户端组件挂载完成后才动态生成的，当然不会出现在初始页面源码中。
• 数据预取逻辑是空壳
  页面组件里的asyncData写法完全没有实际数据获取流程：代码仅判断传入参数非空，就直接把参数当成模板数据返回，既没有在构建预渲染阶段拉取对应页面的模板信息，也没有在服务端运行时获取动态数据，导致head计算函数执行时根本拿不到有效的this.template值，自然没法在渲染阶段生成对应的动态meta标签。

• 调整渲染模式
  如果需要真正的运行时SSR能力，把nuxt.config.js里的target: 'static'改成target: 'server'，项目构建后必须启动Node服务进程托管站点，所有页面请求都会经过服务端实时渲染，返回包含完整动态内容的HTML。
  如果还是要做静态站点部署，需要给动态路由配置对应的预生成爬取规则，在构建阶段就提前拉取每条动态路由对应的模板数据，让预生成的HTML文件在构建时就把动态meta内容注入进去。
• 补全asyncData的实际逻辑
  把当前空壳的asyncData代码换成真实的接口请求流程：在服务端/构建阶段请求对应模板的详情接口，把返回的模板数据存入组件状态，确保head计算函数执行时能拿到已经预取好的template值，这样动态meta才会在渲染阶段就被写到输出的HTML源码里。
• 现有hid配置无需改动
  页面head配置中为description、keywords设置的hid属性，是vue-meta用来去重、覆盖全局默认meta配置的标记，当前写法符合规范，不需要额外调整。

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