Ax ios, Vue - совпадение двух разных конечных точек одного и того же json api, если строки совпадают

Question

У меня есть приложение Vue JS, которое использует две разные конечные точки API с одной и той же базой

 http://localhost:3001/posts
 http://localhost:3001/events

/posts json структурирован как

[
  {
    "uuid": "99",
    "title": "Post Title",
    "description": "Post Description",
    "info": [
      {
        "uuid": "888",
        "name": "some more post info"
      }
    ]
  }
]

* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *} * [10] [10] * * * * * * * * * * * * * * * [10] * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *. чтобы я мог показать эти данные в подробном представлении? Является ли циклический просмотр информации о сообщениях лучшим способом?

В моем приложении Vue JS я использую Ax ios до l oop через сообщения в моем домашнем представлении и Vue маршрутизатор Я создаю подробное представление на основе сообщений uuid. В настоящее время я только отображаю сообщения, основанные на конечной точке /posts json, следующим образом index.js

import axios from 'axios'

const instance = axios.create({
  baseURL: 'http://localhost:3001/'
})
const basePost = '/posts'
export default {
  fetchPosts () {
    return instance
      .get(basePosts)
      .then(response => response.data)
  }
}

Как мне также получить конечную точку событий /events? Наряду с сопоставлением строк в двух разных конечных точках, как указано выше.

Пожалуйста, дайте мне знать, если мне нужно больше информации в моем приложении, спасибо.

Обновление * Маршрутизатор 1027 *. js

  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'home',
      component: Home,
      props: true
    },
    {
      path: '/details/:id',
      name: 'details',
      component: () => import(/* webpackChunkName: "details" */ './views/Details.vue'),
      props: true
    },

в моем домашнем представлении, генерирующий страницу сведений по ссылке маршрутизатора

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

В моем представлении Подробно я отображаю json по {{ $route.params.post.title }}