Vue3项目json-server的/leads端点CORS缺失Origin报403错误求助

你的cors.js中间件写法存在问题，当前代码创建了json-server的server实例但未实际利用，且导出方式不符合json-server中间件的要求，这是导致问题的核心原因，以下是修正方案：

1. 修正cors.js文件 #

将现有内容替换为以下两种写法之一：

写法一：直接导出配置好的cors中间件 #

const cors = require('cors');

// 允许所有源访问，也可指定具体域名如'http://localhost:5173'
module.exports = cors({
  origin: true,
  credentials: true
});

写法二：按json-server中间件标准格式编写 #

const cors = require('cors');

module.exports = (req, res, next) => {
  cors()(req, res, next);
};

2. 确认启动命令有效性 #

确保启动命令正确加载中间件：

json-server db.json --watch --middlewares cors.js

3. 排查其他潜在问题 #

• 检查db.json中leads节点是否存在且格式正确（需为数组结构），数据结构异常可能触发请求拦截，误报CORS错误
• 确认前端请求/leads的方法（GET/POST等）与/inquiries完全一致，DELETE/PUT等方法会触发预检请求，需中间件正确处理
• 排查是否有其他代理规则或自定义中间件干扰了/leads的请求流程

内容的提问来源于stack exchange，提问作者Lekz Flores