Почему маршрут Vercel proxy to API не работает?

У меня фронтенд на Vite (React, TS), а бэкенд на Django. Когда я делаю запрос к API-маршруту бэкенда из фронтенда, он прекрасно работает с запросами к правильному API-маршруту в локальном, но запросы не направляются к правильному API-маршруту в продакшене.

У меня есть фронтенд, развернутый в Vercel, и бэкенд, развернутый в Render. У меня есть следующие маршруты API бэкенда:

• api/register
• api/login

vite.config.ts

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    proxy: {
      "/api/": {
        target: "http://localhost:8000",
        changeOrigin: true,
      },
    },
  },
  plugins: [react()],
});

vercel.json

{
  "rewrites": [
    {
      "source": "/api/:path*",
      "destination": "https://mydomain.onrender.com/:path*"
    }
  ]
}

Когда клиент делает запрос к api/login, выводится следующее сообщение об ошибке:

XHR POST https://mydomain.vercel.app/api/login/ [HTTP/2 404  37ms]

Фронтенд должен был отправить запрос на https://mydomain.onrender.com/api/login/, но он отправляет запросы на маршрут фронтенда https://mydomain.vercel.app/api/login/

Как это исправить?

Спасибо.

Вернуться на верх