问题标签 [vue-meta]

我在使用 Nuxt JS 2.4.5 的项目中使用 Vue Meta 作为博客应用程序的一部分

我在尝试设置标题+变量时遇到了一些麻烦data ()，我不确定我错过了什么

我已经尝试过多次尝试让它工作，移动代码，this手动设置它，似乎没有任何工作......

我尝试在其中设置一个变量data ()并静态使用它。

这样做应该给我My Website: Blog: some title

我在这里能错过什么？

我正在写博客，我很难尝试插入 Vuex 和 Vue-meta。这是代码：

在文章模板上，我使用一个v-for="article in selectedArticle"和一个计算属性来显示来自 Vuex 的正确文章

我正在尝试以这种方式使用 Vue-meta：

我认为一种方法是将检索SelectedArticle到的 vuex 数据绑定到组件的实际data属性，然后title : this.article.title在metaInfo. 但我不知道该怎么做，我不确定这是否是正确的方法。

还有其他建议吗？

非常感谢

我有 laravel-vueJS 应用程序。我安装了 vue-meta 插件并在 vue 组件中声明了 metaInfo 对象，如下所示，

这些元信息显示在前端，但是当我在浏览器中查看源代码时，它不显示元标题和元描述。

插件链接：https ://vue-meta.nuxtjs.org/ 我要完成的部分：https ://vue-meta.nuxtjs.org/guide/ssr.html#inject-metadata-into-page-细绳

1. 如何在服务器端呈现元信息
2. server-entry.js文件中提到的文件是什么。

基本上，我使用 Nuxt 2.9.2，并尝试使用 innerHTML 方法内联 Google Optimize 脚本，但是每当我运行 npm run generate 时，即使 __dangerouslyDisableSanitizers 将 innerHTML 列入白名单，代码也会改变某些方面。

这是我在 Nuxt Config 头对象中的脚本

如下所示，尝试了多种不同的方法。无法按预期使其内联

应该

在一个页面中，我设置了这样的标题：

如何在另一个组件中获取这些数据？

我试过了，this.$metaInfo但是我需要获取数据的组件在外面的布局中<nuxt />......
另外，如果当前路由在一个带有填充头部的子页面中，它会覆盖父标题。那么，我该怎么做？

我的文章有各自的元描述。我vue-meta用来替换默认的元描述。我尝试使用 async 和mounted 属性从我的API 中获取信息，但我没有看到头部有任何变化，即在相应文章的元描述中。我仍然看到 Vue js 设置的默认值。

这就是我所拥有的：

我会很感激一些帮助，谢谢！

我在启动项目模板上运行 Gridsome 时遇到了一些问题。该网站运行localhost没有问题。我试图npm install gridsome@latest更新或安装任何丢失的软件包。

Gridsome build 给我以下错误：

代码vue-meta.common.js:103:23如下var console = _global.console || {};所示：

重现步骤

从命令行运行 gridsome build。

环境

我正在使用 Nuxt.js 生成静态页面。我希望每个页面都有一个唯一的<title>标签和<meta property="og:title" ... >标签。

当前实施

我目前有一个生成这些标签的丑陋解决方案。我有两个看起来像这样的页面：

pages/foo.vue

pages/bar.vue

问题

这会为我的每个页面正确生成<meta property="og:title" ...>标签，但它迫使我在所有页面上包含冗余代码。我的og:title标签始终与我的<title>标签匹配，因此在每个页面上独立地重新定义它们是没有意义的。

所需的解决方案

我想要一个允许我og:title在layouts/default.vue文件中甚至在nuxt.config.js. 像这样的东西：

layouts/default.vue

pages/foo.vue

pages/bar.vue

问题

有可能在这里消除样板吗？

更一般地说，Nuxt 布局是否可以引用特定于页面的数据？

我正在使用 vue CLI 和 vue 路由器。我已经导入了 vue-meta 并且元标签没有出现。只有页面标题有效并显示在页面源中。

不使用NUXT。不确定 vue-meta 是否仅适用于 NUXT？

下面是我的代码。请指教。谢谢

},

我正在开发一个以通用模式运行 Nuxt 的网站。与另一位开发人员一起，我们已经为此工作了几个月。我们使用 Git 在不同的分支上进行协作，然后在发布网站的新版本时将其集成。

从昨天开始，我们遇到了一些我们无法正确解释的事情。每当我尝试运行nuxt时nuxt generate，npm install <package-name>应用程序都会崩溃并出现相同的错误：

我们怀疑这可能与我们最近的Babel/Webpack升级有关package.json，因为我们得到的错误也提到了一些core-js错误。所有这一切的奇怪之处在于，当我们恢复到旧的提交时，应用程序仍然崩溃并出现完全相同的错误。只有在我们在本地删除存储库并再次克隆它并使用 安装所有依赖项npm install之后，我们才能恢复到相同的提交并让网站重新启动并运行。

我们的其他一些信息package.json：

删除package-lock.json,node_modules文件夹和.nuxt文件夹后，我们尝试npm install再次运行。这导致安装成功，尽管有一个错误：

npm WARN deprecated core-js@2.6.11: core-js@<3 不再维护，由于问题数量不推荐使用。请将您的依赖项升级到 core-js@3 的实际版本。

然而，这并不是我们在 package.json 中明确注册的内容。