The error function does not work.

[LeonYanghaha]

I used the following code to create the client. However, when an error occurs on the server, the error message is still printed directly to the conoele and is not captured by the error function. Why?

// main.js
const domainServiceLink = new HttpLink({
  uri: 'http://127.0.0.1:4000/graphql'
})

const middlewareLink = new ApolloLink((operation, forward) => {
  operation.setContext({
    headers: {
       "Authorization":"......",
    }
  })
  return forward(operation)
})


const domainServiceClient = new ApolloClient({
  link: middlewareLink.concat(domainServiceLink),
  cache: new InMemoryCache({
    resultCaching: false
  }),
  connectToDevTools: true,
  defaultOptions: {
    watchQuery: {
      fetchPolicy: 'network-only',
      errorPolicy: 'none',
    },
    query: {
      fetchPolicy: 'network-only',
      errorPolicy: 'none',
    }
  }
})

const apolloProvider = new VueApollo({
  clients: {
    domainServiceClient
  }
})


// code in components 
async getListData() {      
      this.$apollo.query({
        query: getGqlData.users,
        error( error ) {   // I want to get all kinds of error messages here
          console.log('errors..........', JSON.stringify(error))
        },
        result(data){
          console.log(data);
        }
     });
 }

Of course, I know that setting errorpolicy: 'all' can prevent error messages from appearing in the console. I want to do it now: in the error function, I receive an error message, such as the params error string in the image. Who can tell me how to write it? Thank you very much for your help.