如何使用 NuxtJS 内容模块从 CDN 获取文件？答案

【问题标题】：How to fetch files from CDN with NuxtJS content module?如何使用 NuxtJS 内容模块从 CDN 获取文件？
【发布时间】：2021-08-25 09:59:09
【问题描述】：

我想使用 @nuxtjs/content 模块从另一台服务器（例如 CDN）获取文件，以便在没有 Nuxt.js 的情况下独立管理 .md 文件。

我当前的nuxt.config.js 文件如下所示：

export default {
  ...
  content: {
    dir: 'http://some-cdn.xyz/content/'
  },
  ...
}

现在我要加载 pages/_slug.vue 文件中的内容：

<template>
  <div>
    <NuxtContent :document="doc" />
  </div>
</template>

<script>
  export default {
  async asyncData({ $content, params }) {
    const doc = await $content(params.slug || 'index').fetch();
    return { doc };
  },
};
</script>

现在当我输入 http://localhost:3000/some-page 时，我应该从 CDN 获取相应的文件（some-page.md）。相反，我从 Nuxt.js 收到此错误：/some-page not found。

我应该怎么做才能让它工作，这甚至可以用我当前的设置吗？

【问题讨论】：

标签： javascript vue.js nuxt.js

【解决方案1】：

如此处所述：https://github.com/nuxt/content/issues/237

content 模块无法做到这一点，也不打算这样做。一种解决方案是在构建期间手动获取文件等。

您也许可以从这条评论中获得一些灵感：https://github.com/nuxt/content/issues/37#issuecomment-664331854 或使用其他降价解析器。

【讨论】：

【解决方案2】：

由于@nuxtjs/content 无法从另一台服务器获取文件，我改用marked.js 库。

【讨论】：