Nuxt SSR

在 Nuxt 的服务端路由或服务端组件中使用 @linkfox/core。

服务端路由示例

import { createLinkFoxClient } from '@linkfox/core';

export default defineEventHandler(async () => {
  const config = useRuntimeConfig();

  const linkfox = createLinkFoxClient({
    apiKey: config.linkfoxApiKey,
  });

  return linkfox.getSiteDelivery('game-father', {
    group: 'game',
    utmKey: 'ref',
    utmValue: 'nuxt',
  });
});

页面使用示例

<script setup lang="ts">
const { data } = await useFetch('/api/linkfox/footer');
</script>

<template>
  <nav class="linkfox-inline">
    <a
      v-for="item in data?.items || []"
      :key="item.id"
      :href="item.url"
      target="_blank"
      rel="noreferrer"
    >
      {{ item.name }}
    </a>
  </nav>
</template>

注意事项

私有 key 放在 runtimeConfig，不要放进 publicRuntimeConfig
如果多处页面复用同一份数据，优先做成服务端路由

Next.js SSR

在 Next.js Server Components 和 Route Handlers 中使用 @linkfox/core。

SSR

在服务端渲染 LinkFox，并避免暴露 API Key。

On this page

服务端路由示例

页面使用示例