newbie question: why my useAsyncQuery does not call up my api ?

[namvvo]

I'm newbie and somehow i have no luck to call my localhost api.

Nuxt.config.ts

export default defineNuxtConfig({
    modules: ['@nuxtjs/apollo'],
    apollo: {
        clients: {
          default: {
            httpEndpoint: 'https://main--spacex-l4uc6p.apollographos.net/graphql'
          },
          other: {
            httpEndpoint: 'https://localhost:5001/api/data'
          },
        },
      },
})

App.vue: the ship api works well, my localhost api does not though it works ok with postman test. Please help to point out what I have done it wrong ?

<template>
  <div>
    <p>There are {{ data?.ships?.length || 0 }} ships.</p>
    <p>team {{ data2 }}</p>
  </div>
</template>
<script lang="ts" setup>
const query = gql`
  query getShips($limit: Int!) {
    ships(limit: $limit) {
      id
      name
    }
  }
`;

const { data } = await useAsyncQuery(query, { limit: 5 }); // works

const query2 = gql`
  query getTeam($id: Int!) {
    team(id: $id) {
      id
      name
      
    }
  }
`;
const { data2 } = await useAsyncQuery(query2, { id: 41 }, "other");  // fails
</script>