vue.js - 如何在 main.ts Vue3 vue/apollo-composable apollo/client 中设置 authtoken

Question

我正在使用 vue3 为 graphql 客户端添加 apollo-composable 和 apollo/client。这是我的 main.ts 配置文件。

import {createApp, provide, h} from 'vue'
import App from './App.vue'
import {ApolloClient, InMemoryCache} from "@apollo/client";
import {DefaultApolloClient} from '@vue/apollo-composable'
import router from './router'
import './assets/sass/main.sass'

const defaultclient = new ApolloClient({
    uri: process.env.VUE_APP_API_HOST,
    cache: new InMemoryCache(),
    headers: {
        "TOKEN": "....."
    }
})

createApp({
    setup() {
        provide(DefaultApolloClient, defaultclient)
    },
    render() {
        return h(App)
    }
}).use(router).mount('#app')

我不知道如何更改 view/Home.vue 中的令牌我可以获得 graphqldata 但我想在 useResult 之前更改标题选项 ....

export default defineComponent({
  components: {
    UserListTable,
  },
  setup() {
    const { result } = useQuery(usersQuery)
    const users = useResult(result, null, (data: { userAccounts: any; }) => data.userAccounts)

标签： vue.jsgraphqlapollo