No GraphQL network requests are made

[janosrusiczki]

Describe the bug
No GraphQL related network requests are made.

To Reproduce
I'm trying to upgrade my backend from Rails 6.1.7 to Rails 7.0.4 but once I upgrade, no network requests for GraphQL are made. I'm using @vue/apollo-composable 's useQuery. I would like to mention that nothing is cached, I did full reloads, restarted browser, the same. No error, not on the backend, not on the frontend.

What makes apollo not do network requests?

Apollo DevTools display the same issue (they work with Rails 6.1.7 and don't once I upgrade).

Expected behavior
GraphQL requests are made, my app works as with Rails 6.1.7.

Versions
vue: ^3.2.47
@apollo/client: ^3.7.10
@vue/apollo-composable: ^4.0.0-beta.4

---

More debugging.

Installed Postman, I can make the requests without issues. I tried in Firefox, Chrome and now Edge, no requests happen in any of them. Maybe it's worth noting that I'm serving the JS modules via Vite (vite_rails). But I'm using the same in Rails 6.

I'm suspecting some CORS or XSS header change on the backend makes Apollo not even try to do the requests.

[janosrusiczki]

Found the issue:

Found the issue. For some reason in Rails 7:

<%= csrf_meta_tags %>
<%= csp_meta_tag %>

placed in application.html.erb is not outputting anything.

In my application.js where I was building authLink I had:

const authLink = setContext((_, { headers }) => {
  const csrfToken = document.
    querySelector('meta[name="csrf-token"]').
    attributes.content.value;

  return {
    headers: {
      ...headers,
      'X-CSRF-Token': csrfToken,
      authorization: tokenStore.authorization,
    },
  }
})

Obviously something around csrfToken was failing silently.

And below I was using authLink in ApolloClient:

const apolloClient = new ApolloClient({
  link: authLink.concat(afterwareLink.concat(httpLink)),
  cache: new InMemoryCache(),
  connectToDevTools: true,
})

So my whole apolloClient was broken this is why no requests would fire.