用于 nuxt.js 构建的自定义 index.html答案

【问题标题】：Custom index.html for nuxt.js build用于 nuxt.js 构建的自定义 index.html
【发布时间】：2020-03-05 13:25:25
【问题描述】：

很抱歉，如果有人问这个问题，只是不确定要搜索什么。在 spa 模式下构建 Nuxt 应用 时，是否可以更改用于生成 index.html 文件的模板？

【问题讨论】：

没有带有 nuxt 的 index.html。框架通过几个配置点自动生成输出。你想在这里完成什么？
当您执行“npm run build”并在 nuxt 配置中将其设置为 spa 模式时，会在 dist 文件夹中生成一个 index.html 文件。我想知道是否可以控制该 html 内容的外观。如果可能的话，我希望它只有脚本标签，而不是带有 html、head 和 body 标签的完全生成的页面。

标签： vue.js nuxt.js

【解决方案1】：

要覆盖.nuxt/views/app.template.html，您需要在项目的根目录下创建app.html 文件。然后，您可以从app.template.html 复制粘贴一般内容并开始修改。

例如 - 我必须将lang 属性添加到html 标记，所以我在app.html 中更新了代码

app.html

<!DOCTYPE html>
<html lang="en" {{ HTML_ATTRS }}>
  <head {{ HEAD_ATTRS }}>
    {{ HEAD }}
  </head>
  <body {{ BODY_ATTRS }}>
    {{ APP }}
  </body>
</html>

【讨论】：

【解决方案2】：

就像@Ohgodwhy 说没有index.html 和nuxt。

但是您可以使用 nuxt 中默认使用的 vue-meta 更改您想要的所有内容，查看更多：https://nuxtjs.org/api/pages-head/

【讨论】：