nuxt.js 静态站点在客户端路由进行 api 调用

如何解决nuxt.js 静态站点在客户端路由进行 api 调用

我想用 nuxt.js 和 Strapi 创建一个完全静态的站点。 如果我让 nuxt 使用 NuxtLink 抓取我的动态链接，则会生成并链接页面。 api 调用是使用 apollo-plugin for nuxt.js 进行的。 但是，如果我调用生成的静态页面并单击调用 api 的内部链接，如果无法从静态主机访问 api，则会导致错误。如果我刷新页面并从服务器加载它，则没有 api 调用。 我应该以另一种方式进行 api 调用而不是在脚本块中使用这样的 apollo 吗？ asyncData 会这样吗？：

apollo: {
    $loadingKey: 'loading',catalogCategories: {
      prefetch: true,query: getCatalogCategoryData,variables () {
        return {
          category: {
            _or: [
              { slug_de: this.$route.params.category },{ slug_en: this.$route.params.category }
            ]
          }
        }
      }
    }
  }

我也尝试使用 a-Tag 而不是 NuxtLink 在 nuxt.config.js 中生成页面，但是页面的预加载不起作用。