Express API可以使用curl，但不能在浏览器中使用

基础概念

Express 是一个基于 Node.js 平台的极简、灵活的 web 应用框架，用于构建 API 和 web 应用。它使用中间件来处理请求和响应，使得开发者可以轻松地创建 RESTful API。

为什么 Express API 可以使用 curl 但不能在浏览器中使用？

原因分析：

HTTP 方法差异：
- curl 命令可以指定 HTTP 方法（如 GET、POST、PUT、DELETE 等）。
- 浏览器默认只支持 GET 和 POST 请求，对于其他 HTTP 方法（如 PUT、DELETE），浏览器不会直接发送这些请求。

CORS（跨域资源共享）：
- 浏览器出于安全考虑，实施了同源策略，限制了从一个源加载的文档或脚本如何与来自另一个源的资源进行交互。
- 如果 Express API 没有正确配置 CORS，浏览器会阻止跨域请求。
请求头差异：
- curl 可以自定义请求头，而浏览器在发送请求时会自动添加一些默认的请求头。

解决方案

1. 配置 CORS

在 Express 应用中配置 CORS，允许跨域请求：

const express = require('express');
const cors = require('cors');
const app = express();

app.use(cors());

app.get('/data', (req, res) => {
  res.json({ message: 'This is data from the server' });
});

app.listen(3000, () => {
  console.log('Server is running on port 3000');
});

2. 使用浏览器插件

可以使用一些浏览器插件（如 Postman Interceptor 或 CORS Unblock）来绕过浏览器的同源策略限制。

3. 使用代理服务器

通过设置一个本地代理服务器来转发请求：

const express = require('express');
const request = require('request');
const app = express();

app.use('/api', (req, res) => {
  const url = 'http://localhost:3000' + req.url;
  req.pipe(request(url)).pipe(res);
});

app.listen(8080, () => {
  console.log('Proxy server is running on port 8080');
});

然后在浏览器中访问 http://localhost:8080/api/data。