Vue/ next 404页面自定义

Question

你好，我正在开发一个vue/next网站。我设计了404未找到页面。但是我不知道当用户输入我找不到的URL时如何显示这个页面。

Answer 1

您可以创建一个布局文件(layouts/error.vue)，它会自动处理错误。在这个文件中，您可以决定是否只处理404错误，或者也处理其他错误。

<template>
<div>
<h1 v-if="error.statusCode === 404">
Not found
</h1>
<h1 v-if="error.statusCode !== 404">
Error
</h1>
</div>
</template>
<script>
export default {
layout: 'default',
props: {
error: {
type: Object,
required: true
}
}
}
</script>

参考:https://nuxtjs.org/docs/2.x/concepts/views页面偷走了