API tidak ditemui dalam penggunaan vercel

Question

Saya telah menggunakan aplikasi web saya pada vercel menggunakan github. Bahagian hadapan dimuatkan, tetapi permintaan api dari bahagian hadapan tidak ditemui dengan 404. Dengan cara ini, ini adalah aplikasi MERN Ini vercel.json

saya

{
    "buildCommand": "cd client && npm install && ./node_modules/vite/bin/vite.js build",
    "outputDirectory": "client/dist",
    "framework": "vite",
    "rewrites": [
        {
            "source": "/api/(.*)",
            "destination": "/index.js"
        }
    ]
}

Ini ialah index.js

const express = require("express");
const cors = require("cors");
const mongoose = require("mongoose");
const cookieParser = require('cookie-parser');
const router = require('./router/router');
const setupCronJob = require('./cron');
const fs = require('fs');
require('dotenv').config();

const app = express();
app.use(express.json());
app.use(cookieParser());    // for reading cookies
const allowedOrigins = ['http://127.0.0.1:5173','https://cozy-stay.vercel.app'];
const corsOptions = {
    credentials: true,
    origin: allowedOrigins,
    methods: 'GET, POST, PUT, DELETE',
    allowedHeaders: 'Content-Type, Authorization, Cookie'
};

app.use(cors(corsOptions));

const port = process.env.PORT || 4000;

mongoose.set("strictQuery", false);

mongoose.connect(process.env.MONGO_URL, {
    useNewUrlParser: true,
    useUnifiedTopology: true,
    serverSelectionTimeoutMS: 10000,
}).then(()=> {
    console.log('Connected to database')
}).catch(err=>{
    throw err;
})
setupCronJob();
app.use('/api',router);
app.listen(port);

Ini ialah direktori img

Halaman hadapan sudah tersedia tetapi api tidak berfungsi dengan baik, saya rasa api belum dimuatkan lagi. Tolong saya

Answer 1

Apa yang nampaknya sedang berlaku pada masa ini ialah https://cozy-stay.vercel.app/api permintaan laluan pergi ke pelayan bahagian hadapan dan bukannya pelayan bahagian belakang seperti yang anda jangkakan:

Request URL: https://cozy-stay.vercel.app/api/all-places
Request Method: GET
Status Code: 404 
Remote Address: 76.76.21.9:443
Referrer Policy: strict-origin-when-cross-origin

Betulkan 01

Anda boleh menggunakan dua aplikasi vercel untuk bahagian hadapan dan hujung belakang:

• cozy-stay.vercel.app
• cozy-stay-backend.vercel.app - Gunakan ini sebagai hos pelayan bahagian belakang anda dalam aplikasi bahagian hadapan anda.

Betulkan 02

Anda boleh menjalankan pengimbang beban yang menghantar semua permintaan dengan awalan /api ke hujung belakang dan permintaan lain ke hujung hadapan. Platform IDK vercel menyokong ciri ini.