feat: add specific headers to graphql client

src/index.tsx

@@ -1,15 +1,32 @@
 import React from 'react'
 import ReactDOM from 'react-dom'
-import { ApolloClient, InMemoryCache, ApolloProvider } from '@apollo/client'
+import { ApolloClient, InMemoryCache, ApolloProvider, createHttpLink } from '@apollo/client'
+import { setContext } from '@apollo/client/link/context'
 import App from './pages/App'
 import { GRAPHQL_SERVER } from 'constants/server'
 
 import 'normalize.css/normalize.css'
 import '@blueprintjs/core/lib/css/blueprint.css'
 import './styles/global.module.css'
 
-const client = new ApolloClient({
+const httpLink = createHttpLink({
   uri: GRAPHQL_SERVER,
+})
+
+const authLink = setContext((_, { headers }) => {
+  const session = JSON.parse(localStorage.getItem('__session') || '{}')
+  return {
+    headers: {
+      ...headers,
+      'netease-user-id': session.userId,
+      'netease-token': session.token,
+      'netease-nick-name': session.profile?.nickname,
+    },
+  }
+})
+
+const client = new ApolloClient({
+  link: authLink.concat(httpLink),
   cache: new InMemoryCache(),
 })