在 Nuxt 中添加一个 <noscript> 标签

Question

我想在开发者模式下添加<body><noscript><h1>Please enable your javascript<h1></noscript></body>

我尝试在 nuxt.config.js 文件中配置它，但没有成功。

Answer 1

如果要设置 noscript 标签，您需要在项目的根目录中创建一个 app.html，如 the documentation 中所述。

像这样

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    <noscript>Your browser does not support JavaScript!</noscript>
    {{ APP }}
  </body>
</html>

请记住，如果您正在使用 ssr: true，即使禁用了 JS，您仍然会获得一些内容，因为某些部分的内容将在服务器上生成。

在 Nuxt 中添加一个 <noscript> 标签

Add a <noscript> tag in Nuxt

vue.js

vuejs2

nuxt.js