微客导航 » 文章资讯 » Nuxt默认模板、默认布局和自定义错误页面的实现

Nuxt默认模板、默认布局和自定义错误页面的实现

2023-07-25 15:02:14 175

一、默认模板和默认布局

通常用于一些有固定格式的网站比如一些网站的头部和底部都是一样的此时即可使用默认模板

默认模板

在项目的根目录下创建一个名为app.html的文件Nuxt即可自动将其识别为默认模板：

用法和字符串拼接有点类似可将{{HEAD}}视为头部内容将{{APP}}视为页面主体内容
(HEAD和APP都需大写)




{{HEAD}}


测试1
{{APP}}
测试2

重启服务器即可显示效果
同样删除默认模板也需要重启服务器才可生效

默认布局

默认布局和默认模板的区别是默认布局只能修改