Piconjo_Official
Piconjo_Official

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

一、默认模板和默认布局

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

默认模板

在项目的根目录下创建一个名为app.html的文件 Nuxt即可自动将其识别为默认模板：
用法和字符串拼接有点类似 可将{ {HEAD}}视为头部内容 将{ {APP}}视为页面主体内容
(HEAD和APP都需大写)


<html lang="en">
<head>
    {
    {HEAD}}
head>
<body>
    <p>测试1p>
    {
    {APP}}
    <p>测试2p>
body>
html>

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

默认布局

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