javascript - 如何使用 json 数据更改 nuxt.js Web 应用程序的头部标题名称？

Question

我想更改使用 nuxt.js 的最新项目 Web 应用程序的标题。我使用 json 数据来更改头部标题，但它不起作用。我的 json 文件放在静态目录中，如“~/static/images/head.json”。

在 head.json 中，比如

{
  "head": "sample head"
}

我在 nuxt.config.ts 文件中更改了 head 对象，如下所示。

import head from "~/static/images/head.json";
export default {
 head: {
    titleTemplate: head.head,
    ～～～～～
  },

}

并运行我的网络应用程序和文件引用错误发生如下。

我不知道为什么会发生这个错误。在 nuxt.config.ts 中，导入引用似乎没有问题。有没有人建议我如何使用 json 文件数据作为头部标题信息？

---

这是我的 Github 示例链接。

标签： javascripttypescriptnuxt.js

Answer 1

脚步：

• 我已经克隆了你的仓库
• 更新了路径import head from './src/static/images/head.json'
• 跑了一个yarn build && yarn start
• 享受一个有效的元标签！