一、安装相关服务
npm i --save vue-apollo graphql apollo-boost apollo-link
npm install apollo-client
npm install apollo-link-http
npm install apollo-cache-inmemory
npm install apollo-link-error
npm install apollo-link-context
npm install graphql-tag
二、在utils文件夹下创建graphql.js文件(配置文件)
import Vue from 'vue'
import {
getToken } from '@/utils/auth'
import VueApollo from 'vue-apollo'
import {
ApolloClient } from 'apollo-client'
import {
ApolloLink } from 'apollo-link'
import {
HttpLink } from 'apollo-link-http'
import {
onError } from 'apollo-link-error'
import {
setContext } from 'apollo-link-context'
import {
InMemoryCache } from 'apollo-cache-inmemory'
// 代理
// /graphql: 是在vue.config.js下面代理地址的名称
const httpLink = new HttpLink({
uri: '/graphql' // 这里使用绝对地址
})
// 错误捕捉
const errorLink = onError(({
networkError })<