WordPress REST API не работает при фильтрации по slug с использованием Axios

Question

Мне удалось отобразить содержимое сообщений WordPress с помощью axios и Vue.js.После того, как я переключился на фильтрацию по слагам, я не смог отобразить содержимое публикации.

<template>
  <div>
    <article>
    <h2 class="subtitle">{{ post.title.rendered }}</h2>
    <div v-html="post.excerpt.rendered"></div>
  </article>
  </div>
</template>

<script>
import axios from "axios";
import Router from 'vue-router'

export default {
  name: 'ShowPost',
  data () {
    return {
      post: []
    }
  },
  created() {
           this.slug = this.$route.params.slug;
       },
  mounted() {
           axios({ method: "GET", "url": "https://wpdemo.stevensoehl.com/wp-json/wp/v2/posts?slug=" + this.slug }).then(json => {
               this.post = json.data;
           }, error => {
               console.error(error);
           });
       }
}
</script>

Answer 1

Я разобрался с решением. В моих ссылках на отдельный пост я указывал слаг и id как params

<router-link :to="{name: 'ShowPost', params: {slug: post.slug, id:post.id}}">{{ post.title.rendered }}</router-link>

Маршрут является пули и фильтровать ответ по id. Теперь он работает как запланировано.

import axios from "axios";

export default {
  name: 'ShowPost',
  data () {
    return {
      post: []
    }
  },
  created() {
           this.id = this.$route.params.id;
       },
  mounted() {
           axios({ method: "GET", "url": "https://wpdemo.stevensoehl.com/wp-json/wp/v2/posts/" + this.id }).then(json => {
               this.post = json.data;
           }, error => {
               console.error(error);
           });
       }
}

Answer 2

Необходимо проверить, есть ли междоменная проблема в консоли, и не может ли быть междоменная проблема