为什么我的 vue.js 项目 URL 的描述在某些应用程序中显示为“noscript”答案

【问题标题】：Why description of my vue.js project URL is shown "noscript" in some application为什么我的 vue.js 项目 URL 的描述在某些应用程序中显示为“noscript”
【发布时间】：2021-10-21 18:37:07
【问题描述】：

我有一个 vue.js 项目，当我把它的 URL 放在某个 App 中时，我认为应该在消息框下方显示标题和描述。

但是是显示noscript标签的内容，为什么？

我认为我在 vue.js 页面中设置的标题和描述正确，我使用了 vue-meta 包。

这是LINE中显示的内容，我希望标题显示在第一行，描述显示在第二行。

这就是 Instegram 中显示的内容。另外，我认为第一个应该显示页面标题，但事实并非如此。

【问题讨论】：

那些服务只是获取初始 HTML，它们不执行其中的 Javascript。
如何在初始HTML中设置标题和描述？
在服务器端。这些是 SEO 的基础知识。如果您不确定机器人是否能够呈现您的脚本，则需要根据需要提供尽可能多的静态 HTML。您可以使用 Vue SSR 或任何其他服务器渲染来生成 HTML 元数据。

标签： vue.js vue-meta

【解决方案1】：

正如@deceze 在 cmets 中已经指出的那样，尝试获取网站标题和描述的服务仅获取初始 HTML，并且在此过程中不执行 JavaScript。但是，vue-meta 包仅在执行 JavaScript 时设置标题和元标记。

假设您使用vue-cli，应该有一个文件public/index.html，在请求您的应用程序时用作初始HTML。在该文件中，您可以轻松调整<title> 标签并将一些<meta> 标签添加到页面的<head>。

您还可以查看有关 index.html 文件的 Vue CLI 文档：https://cli.vuejs.org/guide/html-and-static-assets.html#the-index-file。

【讨论】：

谢谢，我在index.html中设置了标题和描述，可以了！