9、定义错误页

在layouts目录下新建error.vue,可以通过layout函数使用布局文件,通过props: "error"能拿到错误信息对象。

javascript 复制代码
<template>
    <div>
        {{ error.statusCode }}: {{ error.message }}
    </div>
</template>

<script>
export default {
    name: 'NuxtDemo2Error',

    props: ["error"],

    layout: "blog/index"
};
</script>
相关推荐
暗不需求21 小时前
从零实现一个 Vue Todos 任务清单:深入响应式编程与组合式 API
前端·vue.js·面试
超绝大帅哥21 小时前
TTFB, FP, FCP, LCP, CLS, INP,TBT, TTI性能指标
前端
用户17335980753721 小时前
纯前端 PDF 处理避坑指南:5 个线上真实问题的解决方案
前端·javascript
Csvn21 小时前
前端项目管理:需求拆解、排期与风险控制
前端
陈_杨21 小时前
鸿蒙APP开发-带你走近分构App的分子数据
前端·javascript
Goodbye21 小时前
深入理解 JavaScript 变量提升(Hoisting)—— 从现象到原理
javascript
橘子星21 小时前
从零上手!Node.js 快速搭建生成式 AI 后端项目|密钥安全 + 完整可运行代码
前端·后端
陈_杨21 小时前
鸿蒙APP开发-带你开发锻艺册APP的材料清单功能
前端·javascript
xixixin_21 小时前
Promise.all 和 Promise.allSettled 详解
前端·javascript·vue.js
暗冰ཏོ21 小时前
前端数据大屏开发完整指南:Vue3 + ECharts 自适应可视化实战
前端·javascript·echarts·数据大屏·大屏端