大家好,
近期再練習Nuxt3遇到了2個小問題,

1. 在pages要如何使用pending()﹑refresh()？
2. 將Api參數或ApiKey亂打，為何在Http.ts的error永遠都是null？

以下為封裝步驟,希望能有前輩指導
步驟一 創建useHttp.ts

// /utils/useHttp.ts

import { hash } from 'ohash'
export interface ResOptions<T> {
  data?: T
  code?: number
  msg?: string
}

const fetch = (url: string, options?: any, headers?: any): Promise<any> => {
  const { public: { VITE_API_HOST } } = useRuntimeConfig()
  const reqUrl = VITE_API_HOST + url
  const key = hash(JSON.stringify(options) + url)
  const customHeaders = { token: useCookie('token').value, ...headers }
  return new Promise((resolve, reject) => {
    useFetch(reqUrl, { ...options, key, headers: customHeaders }).then(({ data, error }) => {
    console.log(error.value) //Error值永遠都是null
      if (error.value) {
        reject(error.value)
        return
      }
      const value: ResOptions<any> = data.value
      console.log('useFetchResData: ', value)
      if (!value) {
        throw createError({
          statusCode: 500,
          statusMessage: reqUrl,
          message: 'xxxxx',
        })
      } else {
        resolve(value)
      }
    }).catch((err: any) => {
      console.log(err)
      reject(err)
    })
  })
}

export default class Http {

  get(url: string, params?: any, headers?: any): Promise<any> {
    return fetch(url, { method: 'get', params }, headers)
  }

  post (url: string, params?: any, headers?: any): Promise<any> {
    return fetch(url, { method: 'post', params }, headers)
  }

  put (url: string, params?: any, headers?: any): Promise<any> {
    return fetch(url, { method: 'put', params }, headers)
  }

  delete (url: string, params?: any, headers?: any): Promise<any> {
    return fetch(url, { method: 'delete', params }, headers)
  }
}

步驟二 分類管理api

// composables/index.ts

import Http from '@/utils/http'

export const useGetTags = (params?: { size?: number, page?: number }, headers: any) => {
  return Http.get('/app/v1/tags', params, headers)
}

步驟三 /pages/index.vue

<script lang="ts" setup>
const tags = await useGetTags({ page: 1, size: 10 })
console.log(tags)
</script>