@nuxt/内容页在生产模式中找不到

Question

解释

你好，当我运行npm run build && npm run start时，我的项目中的nuxt/内容出现了问题。你必须知道，在开发模式中没有问题。

当我运行生产模式时，我无法访问与nuxt/content一起使用的文件，您可以看到出现在我的控制台中的错误。

​

​

编辑

我发现问题是什么，这个错误来自SPA (如果我选择SSR，它是工作的)。有人想办法解决吗？

重现问题的步骤:

1. 创建一个项目：npx create-nuxt-app content-project && cd content-project，下面是我的配置。

​

1. 进入项目，然后安装nuxt/content：npm install @nuxt/content
2. 进入nuxt.config.js并添加到“模块：[]”--这是：'@nuxt/content‘，然后添加"content：{}“

​

1. 在tsconfig.json中添加“type”："@nuxt/content“中的行，

​

1. 在项目的根目录中，添加一个名为"content“的dir，在这个目录中创建一个名为"test.md”的文件，并将这一行添加到文件中：

---
title: Introduction
description: Apprenez comment utiliser @nuxt/content.
---

## Liens

<nuxt-link to="/articles">Nuxt Link vers le Blog</nuxt-link>

<a href="/articles">Lien Html vers le Blog</a>

[Lien Markdown vers le Blog](/fr/articles)

<a href="https://nuxtjs.org">Lien Html externe</a>

[Lien Markdown externe](https://nuxtjs.org)

1. 在pages目录中，创建一个名为"testcontent.vue“的新文件，并将此代码添加到：

<template>
  <article>
    <h1>{{ page.title }}</h1>
    <nuxt-content :document="page" />
  </article>
</template>

<script>
export default {
  async asyncData({ $content }) {
    const page = await $content('test').fetch()

    return {
      page,
    }
  },
}
</script>

1. 现在，您可以在dev模式npm run dev中保存和尝试这个链接，尝试这个链接"http://localhost:3000/testcontent"，应该可以工作“。
2. 然后在生产模式npm run build && npm run start中尝试这一点。我不明白为什么这不管用。

Answer 1

问题解决了。我用的是带有目标服务器的SPA。在nuxt.config.js中，如果您的应用程序是SPA，则必须将以下一行放在：target: 'static',。

“这样，Nuxt内容就会知道它必须嵌入数据库并避免调用服务器中间件。”来自https://github.com/nuxt/content/issues/144

Answer 2

您完全可以使用一个SPA，甚至一个完整的通用应用程序与一个target: static。我不确定你的答案中的链接帖子是否正确。

很明显，您可以获得target: static (因此，在Netlify上托管它或类似的)，并保持通用模式(ssr: true (default))，即如文件所示。唯一需要做的事情是nuxt generate，而不是nuxt build，因为您的目标是静态构建。

另外，这个评论是6+几个月前的，我们现在使用的是Nuxt2.15.2。

我仍然建议将static +通用化，以获得nuxt +it内容模块的所有好处。