使用nuxt-link路由时未定义的响应

Question

我正在使用Axios asyncData函数获取Nuxt应用程序的数据，每当我使用nuxt链接浏览页面时，都会收到错误消息“ slug undefined”。如果我然后重新加载页面，则工作正常并加载数据。有什么想法吗？

_vue.vue

<template>
  <div>
     <div :v-if="post[0].slug">{{ post[0].slug }}</div>
  </div>
</template>

<script>
import axios from 'axios' 

export default {

  components: {
  },

  asyncData ({ params, error }) {
    return axios.get(`https://myurl.com/wp-json/wp/v2/pages?slug=${params.vue}`)
    .then((res) => {
      return { post: res.data }
    })
    .catch((e) => {
      error({ statusCode: 404, message: 'Post not found' })
    })
  }
}
</script>

布局中引用的

标头组件

<ul class="menu">
 <li><nuxt-link to="/category1">Test 1</nuxt-link></li>
 <li><nuxt-link to="/category2">Test 2</nuxt-link></li>
 <li><nuxt-link to="/category3">Test 3</nuxt-link></li>
 <li><nuxt-link to="/category4">Test 4</nuxt-link></li>
</ul>