用于 nuxt.js 构建的自定义 index.html
Posted
技术标签:
【中文标题】用于 nuxt.js 构建的自定义 index.html【英文标题】：Custom index.html for nuxt.js build 【发布时间】：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 标签的完全生成的页面。 【参考方案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/
【讨论】：
以上是关于用于 nuxt.js 构建的自定义 index.html的主要内容，如果未能解决你的问题，请参考以下文章