vue + graphql + apollo 之 增删改查

一、安装相关服务

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 })<