JSON-LD架构NUXT

Question

我正在创建由Wordpress驱动的Nuxt应用程序。

我正在通过架构插件在WP REST API中接收JSON-LD，就像这样，

{
  wp_post_schema: "{"@context":"https://schema.org"}"
}

下面是我在NUXT中的用法

head(){
    return {
        title: 'This is my page title',
        meta: [
            { hid: 'description', name: 'description', content: 'This is my description' }
        ],
        script: [
            {
                json: this.POST.wp_post_schema
                type: 'application/ld+json'
            }
        ],
    }
},
async asyncData({ $axios, req, params, query, error, route }) {
    var POST;
    try {
      let response = await $axios.get( "https://www.example.com/api);
      return {
        POST: response.data[0].post_meta_fields
      };
    } 
  }

我的问题是页面上呈现的JSON-LD已被清理，并且Google标记工具无法识别。关于如何有效实现模式标记的任何建议？

Answer 1

您应该使用v-html来显示更干净的内容。

<template>
  <script v-html="POST", type="application/ld+json">
</template>