VSC Live Server环境下发送POST请求返回405状态码问题求助

• 端口冲突导致请求路由错误：VSCode的Live Server扩展默认占用5500端口，且仅支持GET请求拉取静态资源，不支持POST请求。你编写的Express服务尝试绑定同一个5500端口时会因为端口被占用启动失败，你发送的POST请求实际被Live Server接收，自然返回405方法不允许错误，也不会有Express服务的日志输出。
• 服务监听验证缺失：你可以在启动Express服务后查看控制台输出，如果端口被占用会直接抛出Error: listen EADDRINUSE: address already in use报错，你之前忽略了该报错，才会觉得“无论监听什么端口都不生效”。

方案一：直接用Express托管前端（推荐，无需处理跨域） #

1. 关闭VSCode的Live Server扩展，无需用它托管静态资源，你的Express代码中已经配置了app.use(express.static('public'))，原生支持托管静态文件。
2. 修改Express服务的监听端口为未被占用的端口（如3000）：

// 替换原有监听代码
app.listen(3000, () => console.log('listening at 3000'));

3. 将你的前端HTML、CSS等文件全部放到Express项目根目录的public文件夹下，启动Express服务后直接访问http://127.0.0.1:3000加载页面即可，POST请求会正常被Express的/api路由处理。

方案二：保留Live Server使用 #

1. 给Express服务更换未被占用的端口（如3000）后启动。
2. 安装cors依赖解决跨域问题，在Express代码中添加CORS配置：

// 先执行npm install cors安装依赖
const cors = require('cors');
app.use(cors());

3. 修改前端fetch的请求地址为Express服务的完整路径：

fetch("http://127.0.0.1:3000/api", options)

4. 用Live Server启动前端页面即可正常发送请求。

内容的提问来源于stack exchange，提问作者Ben Taylor