部署React亚马逊克隆项目至Vercel时遭遇CORS错误求助

错误详情 #

Access to XMLHttpRequest at 'https://amazon-clone-rvom.vercel.app/create-checkout-session' from origin 'https://amazon-clone-ecru-seven.vercel.app' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

POST https://amazon-clone-rvom.vercel.app/create-checkout-session net::ERR_FAILED 500 (Internal Server Error)

客户端请求代码 #

const checkoutSession = await axios.post(
  "https://amazon-clone-rvom.vercel.app/create-checkout-session",
  {
    cart,
    email: user.email,
  }
);

服务端配置代码 #

require("dotenv").config();
const cors = require("cors");
const stripe = require("stripe")(process.env.STRIPE_SECRET_KEY);
const express = require("express");
const app = express();
app.use(express.json()); 
app.use(cors());

app.post("/create-checkout-session", async (req, res) => {
  const { cart, email } = req.body;

  // Stripe相关逻辑代码
});

网络请求头补充信息 #

包含两张请求头相关截图：

• 客户端发起请求的请求头详情截图
• 服务端返回的响应头详情截图

已尝试多种网上公开的解决方案，但均无法解决该CORS错误，耗费大量时间仍未解决，请求帮助。

内容的提问来源于stack exchange，提问作者Aadhithya SB