NUXT是否有可能确定哪个页面正在使用 /slug路径？

Question

我的项目中有一个发布页面和一个类别页面以及通常的内部页面。

现在，我在页面文件夹中有以下结构：

• 页面/category/_id.vue-我发送类别
• 页的请求/post/post/_id.vue-发送请求发布
• 页面/page/page/_id.vue-发送请求 - 发送请求页。

该项目的API是用Laravel编写的（不知道它是否重要）。

我希望nuxt知道要发送的请求，获取类别或发布，然后选择所需的模板以显示类别或发布。如果没有类别或帖子，请重定向到第404页。是否可能？

Answer 1

在这种情况下，API提供商无关紧要。仅VUE/NUXT页面模板生命周期中的逻辑。

每个页面模板因此，提供 id < / strong>的类别 /发布 /页面可以使用不同的端点从API获取数据。
哪个nuxt？ 2或3？

在NUXT 2中，您应该使用特定页面模板的Asyncdata ex： post ：

async asyncData ({ store, $axios, params, error }) {
  return $axios.get(`${apiEndpoint}/posts`, {
    params: {
      id: params.id
    }
  }).then(item => {
    if (item.data.length === 0) throw({ statusCode: 404, message: 'Post not found' })
    return { item: item.data[0] }
  }).catch(e => {
    error(e)
  })
}

如果要强制404：

try {
 
} catch (err) {
  if (err.response.status === 404) {
    return this.$nuxt.error({ statusCode: 404, message: err.message })
  }
}