06. 自定义错误页面

nuxt默认的错误页面如下 ：

如果想自定义这个错误页面，则需要在layouts文件夹下创建一个error.vue的文件（名字不能是别的，必须是error），然后就可以自己定义这个错误页面了。如下 ：

<template>
  <div>
    <h1 v-if="error.statusCode == 404">
      您访问的页面不存在：{{ error.message }}
    </h1>
    <h1 v-else>请求接口失败或超时，请刷新重试！：{{ error.message }}</h1>
  </div>
</template>
<script>
export default {
  props: ["error"],
};
</script>