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

时间:2020-12-24 01:50:48

标签: vue.js graphql apollo

我正在使用 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中更改token 我可以获得 graphqldata 但我想在 useResult ....

之前更改标题选项
export default defineComponent({
  components: {
    UserListTable,
  },
  setup() {
    const { result } = useQuery(usersQuery)
    const users = useResult(result, null, (data: { userAccounts: any; }) => data.userAccounts)

0 个答案:

没有答案
相关问题