前端 apollo 和 graphql 的奇怪问题

Question

I'm using nuxt.js with apollo. So basically I have a button and when you press the button it makes a request to the graphql server. The first time I press the button it works perfectly. But the second time it returns the same data. Even though it never contacted the server the second time. I think it has something to do with apollo mistakenly caching data. But I don't know how to fix it. Does anybody know how to fix this?

Answer 1

To disable cache you can do it globally or for a specific query.

Globally:

new ApolloClient({
  cache,
  link,
  defaultOptions: {
    fetchPolicy: 'no-cache'
  }
})

For a specific query:

apollo: {
  foo: {
    query: ...,
    fetchPolicy: 'no-cache'
  }
}

Answer 2

It might also be apollo server setting that is returning same data. Please check if there is any caching enabled at server end.

cacheControl: { defaultMaxAge: 5 },

defaultMaxAge shoud be either set to 0 or cacheControl shoild not be there at all.