How to optionally turn off apollo caching?

by raphael_tillman , in category: Third Party Scripts , 4 months ago

How to optionally turn off apollo caching?

Facebook Twitter LinkedIn Telegram Whatsapp

1 answer

Member

by dana , 4 months ago

@raphael_tillman 

To optionally turn off Apollo caching, you can set the cache implementation to noCache when initializing your Apollo Client instance. Here's an example using the InMemoryCache implementation in JavaScript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
import { ApolloClient, InMemoryCache, from } from '@apollo/client';

const client = new ApolloClient({
  uri: 'http://your-graphql-endpoint',
  cache: new InMemoryCache({
    typePolicies: {
      Query: {
        fields: {
          // Add any custom cache configuration here
        },
      },
    },
  }),
});


In the above example, you can specify custom cache configuration inside the typePolicies object, or you can set the cache implementation to noCache to completely disable caching:

1
2
3
4
5
6
7
import { ApolloClient, InMemoryCache, from } from '@apollo/client';
import { NoCache } from 'apollo-cache';

const client = new ApolloClient({
  uri: 'http://your-graphql-endpoint',
  cache: new NoCache(),
});


By using NoCache, Apollo Client will not cache any query results, effectively turning off caching for your application. Remember that turning off caching may impact the performance of your application, especially if you're making a lot of network requests to fetch data.

Related Threads:

How to turn off caching in some page in website?
How to authenticate apollo with auth0 in vue.js?
How to pass multiple headers in apollo graphql?
How to exclude null fields in apollo graphql?
How to handle apollo graphql query error in vue.js?
How to turn off warnings in PHP?