Vue & <noscript>发行

Question

我已经部署了一个vue应用程序，从功能角度来看，它可以按预期工作，但是每当我试图查看浏览器(更确切地说是任何浏览器)中呈现的页面源时，实际内容都是不可见的，正文部分从以下几个部分开始：

<noscript>
  <strong>We're sorry but this site doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>

当我检查各个元素时，可以看到源代码。

用纱开发和dist封装进行测试，结果与成纱相同。

vue --version
2.9.6

Vue已更新如下：

yarn global upgrade @vue/cli

不用说，这是一个重大的SEO问题。

这是应用程序配置还是vue环境的问题？

Answer 1

根据W3schools.com

"noscript“标记定义了要显示给在浏览器中禁用脚本或不支持脚本的浏览器的用户的替代内容。 "noscript“元素可以在"head”和"body“标记中使用。当在"head“中使用时，"noscript”元素只能包含"link“、"style”和"meta“元素。

因此，我们可以很容易地得出这样的结论:如果任何浏览器不支持或禁用javascript，那么我们可以在

在Vue的上下文中，index.html中有标记，如下所示：

<noscript>
  <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>

它只是说，如果你没有看到我们的应用程序在你的浏览器中工作，那么你的浏览器可能不支持javascript。由于整个应用程序都是用Vue编写的，所以Vue是用javascript编写的。

所以，要么您的浏览器禁用了javascript (这可能是下划线问题)，要么您的浏览器不支持javascript (这是非常难以置信的)，因为所有现代浏览器都支持它，除非您有一个旧的浏览器。