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>
相关推荐
踩着两条虫2 分钟前
AI 驱动的 Vue3 应用开发平台 深入探究(六):双向代码转换之DSL到Vue代码生成
前端·vue.js·ai编程
Wect2 分钟前
React 中的双缓存 Fiber 树机制
前端·react.js·面试
天才熊猫君2 分钟前
Vue 3 中 Watch 的陷阱:为什么异步操作后创建的监听会泄漏?
前端·javascript
梵得儿SHI3 分钟前
Vue3 生态工具实战进阶:API 请求封装 + 样式解决方案全攻略(Axios/Sass/CSS Modules)
前端·css·vue3·sass·api请求·样式解决方案·组合式api管理
有梦想的咸鱼还是咸鱼吗4 分钟前
前端必会|防抖与节流从原理到实战,解决90%高频事件卡顿问题
前端
用户5757303346245 分钟前
深入 JavaScript 内存机制:从栈与堆到闭包的底层原理
javascript
阿诺木6 分钟前
Node.js 局域网设备发现:mDNS、UDP 广播和子网扫描
前端
盐焗乳鸽还要砂锅7 分钟前
亲手造一只有灵魂的 AI 小龙虾是种什么体验?
前端·llm·agent
YimWu8 分钟前
Opencode 核心设计-Session会话机制
前端·agent·ai编程
Mintopia11 分钟前
诗词如何影响人:从认知机制到可落地的文本分析技术路线
前端·代码规范