Nextjs api لا يعمل على خادم vercel

أحاول تكوين واجهة برمجة التطبيقات الخاصة بي لإنشاء بعض المشاريع الشخصية ، ولكن في حالتي ، فإن الطريقة التي تستخدم مجلد / pages / api تعمل فقط مع المضيف المحلي عندما أنشر على الخادم على Vercel لا يمكن للمشروع العثور على نقاط النهاية الخاصة بي .

axios api

import axios from 'axios'

const api = axios.create({
  baseURL: '/api/'
})

export default api

swr hook

import api from 'src/services/api'
import useSWR from 'swr'

function SwrFetchHook<Data = any, Error = any>(url: string) {
  const { data, error } = useSWR<Data, Error>(url, async url => {
    const response = await api.get(url)
    return response.data
  })

  return { data, error }
}

export default SwrFetchHook

const { data } = SwrFetchHook<INavItem[]>('categories')