Node.js 如何设置为默认页眉和页脚numxt.js？_Node.js_Templates_Layout_Nuxt.js

Node.js 如何设置为默认页眉和页脚numxt.js？

node.js templates layout

Node.js 如何设置为默认页眉和页脚numxt.js？,node.js,templates,layout,nuxt.js,Node.js,Templates,Layout,Nuxt.js,我开始学习Nuxt.js，我喜欢Nuxt.js 但我面临的问题是：我想为我的应用程序的所有页面创建页眉和页脚布局（类似：extensedlayoutforpug）我找到了以下方法（numxt.config.js）：但这对我不合适( 我找到了文件（）： {{HEAD}} {{APP}} 我需要设置选项，其中每个页面加载我的模式： <!DOCTYPE html> <html {{ HTML_ATTRS }}> <head> {{ HEAD }

我开始学习Nuxt.js，我喜欢Nuxt.js

但我面临的问题是：

我想为我的应用程序的所有页面创建页眉和页脚布局（类似：

extensedlayout

forpug）

我找到了以下方法（

numxt.config.js

）：

但这对我不合适(

我找到了文件（）：


{{HEAD}}
{{APP}}

我需要设置选项，其中每个页面加载我的模式：

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ HEADER}}
    {{ APP }}
    {{ FOOTER}}
  </body>
</html>


{{HEAD}}
{{HEADER}}
{{APP}}
{{FOOTER}}

可以在Nuxt.js中执行类似的操作吗？

只需在布局目录下准备布局即可

为页眉和页脚准备两个组件

所以，布局模板如下所示

<template>
<header_component>
</header_component>
</Nuxt>
<footer_component>
</footer_component>
</template>

谢谢您的帮助！我做了以下操作：在文件夹组件（mainHeader.vue、mainFooter.vue）中创建两个文件，并更改default.vue（文件夹布局）：

并添加到结束文件：

从“~/components/mainHeader.vue”导入mainHeader

，

导出默认值{components:{mainHeader}

<!DOCTYPE html>
<html {{ HTML_ATTRS }}>
  <head>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ HEADER}}
    {{ APP }}
    {{ FOOTER}}
  </body>
</html>

<template>
<header_component>
</header_component>
</Nuxt>
<footer_component>
</footer_component>
</template>