如何在禁用SSR的Nuxt 3中添加根层级页面源码注释

因为你的项目设置了ssr: false（纯SPA模式），Nuxt会基于默认的入口模板生成初始HTML页面。要在页面源码的根层级（<!DOCTYPE html>之后、<html>之前）添加自定义注释，最直接可靠的方式是自定义app.html模板：

• 在项目根目录创建app.html文件（如果还没有的话）
• 按照以下格式编写内容，把你的自定义注释放在<!DOCTYPE html>和<html>标签之间：

<!DOCTYPE html>
<!-- my comment -->
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

保存文件后重启Nuxt服务，刷新页面后查看页面源码，就能看到你添加的根层级注释了。

注意：不要尝试通过客户端插件修改DOM来添加注释——这种方式只会修改浏览器渲染后的DOM树，在「查看页面源码」里看不到初始的注释，因为SPA模式下该视图展示的是服务器返回的初始静态HTML内容。

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