如何检查 vue-meta 是否正在添加元数据答案

【问题标题】：How to check if vue-meta is adding meta data如何检查 vue-meta 是否正在添加元数据
【发布时间】：2021-08-09 05:33:09
【问题描述】：

我这里有一些代码，我想检查页面的源代码以查看它是否正常工作，但我在源代码中看不到任何内容。

export default {
    name: 'LandingPage',

    metaInfo() {
        return {
            title: this.page.title,
            meta: [
                {
                    property: 'og:title',
                    content: this.page.title,
                    template: chunk => `${chunk} - Website name`,
                    vmid: 'og:title'
                },
            ],
        };
    },

    ...
}

如何验证 vue-meta 添加了什么？有没有办法在 SPA 应用中看到它？

【问题讨论】：

标签： vuejs2 vue-meta

【解决方案1】：

我发现您可以使用浏览器的开发工具区域检查页面元素。

在 Chrome 中，按 F12 打开开发工具窗格
单击元素选项卡
点击文档<head></head>区域展开
寻找你的元标签

【讨论】：