如何禁用阿波罗链接或阿波罗客户端的缓存？

Question

我正在使用阿波罗-客户端，阿波罗-链接和反应-阿波罗，我想完全禁用缓存，但不知道如何做。

我阅读了apollo-cache-inmemory的源代码，它的构造函数中有一个config参数，但是我不能构建一个虚拟的storeFactory来使它工作。

Answer 1

您可以像这样将defaultOptions设置为客户端：

const defaultOptions: DefaultOptions = {
      watchQuery: {
        fetchPolicy: 'no-cache',
        errorPolicy: 'ignore',
      },
      query: {
        fetchPolicy: 'no-cache',
        errorPolicy: 'all',
      },
    }

const client = new ApolloClient({
    link: concat(authMiddleware, httpLink),
    cache: new InMemoryCache(),
    defaultOptions: defaultOptions,

});

fetchPolicy作为no-cache避免使用缓存。

请参阅https://www.apollographql.com/docs/react/api/core/ApolloClient/#defaultoptions

Answer 2

实际上，将fetchPolicy设置为network-only仍然会保存对缓存的响应，以供以后使用，从而绕过读取和强制网络请求。

如果您真的想禁用缓存，请读取和写，使用no-cache。那就是“类似于网络，除非查询的结果不存储在缓存中。”

看看官方文档：https://www.apollographql.com/docs/react/data/queries/#configuring-fetch-logic

Answer 3

我总是建议不要从阿波罗客户端禁用内置缓存功能。相反，您可以始终为单个查询设置fetchPolicy: 'network-only'。就像这样

<Query
    query={GET_DOG_PHOTO}
    variables={{ breed }}
    fetchPolicy='network-only'
>
 {({ loading, error, data, refetch, networkStatus }) => {
   ...
 }}
</Query>

在使用此查询获取数据时，它总是执行网络请求，而不是先从缓存中读取数据。