为 apollo nuxt 启用批处理

如何解决为 apollo nuxt 启用批处理

我已经阅读了许多展示如何完成此操作的文章，但我仍然没有看到我的 GQL 请求被批处理。这是我的代码，它可以获取我的数据，但我的页面加载时间约为 4 秒。我的查询对我的组件来说是本地的，所以我可以在我的应用程序中的其他地方重用它们。 QGL 服务器也是 CraftCMS。

这是我的自定义阿波罗配置：

import { InMemoryCache,IntrospectionFragmentMatcher } from 'apollo-cache-inmemory';
import { BatchHttpLink } from "apollo-link-batch-http";
import schema from './schema.json';
import { errorHandler } from '../errorHandler'
import { ApolloLink } from 'apollo-link';

const fragmentMatcher = new IntrospectionFragmentMatcher({
    introspectionQueryResultData: schema
})

export default ({ req,app,$config }) => {
    const token = $config.graphqlToken;
    const uri = $config.apiBaseUrl + $config.graphqlPath

    const cache = new InMemoryCache({ fragmentMatcher });
    const batchHttpLink = new BatchHttpLink({ uri });
    
    return {
        link: ApolloLink.from([errorHandler,batchHttpLink]),getAuth: () => `Bearer ${token}`,cache,defaultHttpLink: false,};
}