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>
相关推荐
清风徐来QCQ15 小时前
js中的模板字符串
开发语言·前端·javascript
成都渲染101云渲染666615 小时前
Houdini+Blender高效渲染方案(高配算力+全渲染器兼容)
前端·系统架构
SuperEugene16 小时前
Vue3 + Element Plus 表格实战:批量操作、行内编辑、跨页选中逻辑统一|表单与表格规范篇
开发语言·前端·javascript
极梦网络无忧16 小时前
基于 Vite + Vue3 的组件自动注册功能
前端·javascript·vue.js
Predestination王瀞潞16 小时前
5.4.3 通信->WWW万维网内容访问标准(W3C):WWW(World Wide Web) 协议架构(分层)
前端·网络·网络协议·架构·www
爱学习的程序媛16 小时前
【Web前端】优化Core Web Vitals提升用户体验
前端·ui·web·ux·用户体验
zabr16 小时前
花了 100+ 篇笔记,我整理出 了一套 AI Agent 工程完全指南
前端·后端·agent
软弹17 小时前
深入理解 React Ref 机制:useRef 与 forwardRef 的协作原理
前端·javascript·react.js
YaHuiLiang17 小时前
Ai Coding浪潮下的前端:“AI在左,裁员在右”
前端
雪碧聊技术17 小时前
前端vue代码架子搭建
前端·javascript·vue.js·前端项目代码框架搭建