在使用 React 进行开发时，解决跨域问题有以下几种方法：
1. 服务器：在开发环境下，在项目根目录下创建一个 setupProxy.js 文件，使用 http-proxy-middleware 中间件来创建一个服务器。配置该服务器将来自特定 URL 的请求转发到目标服务器。
// setupProxy.jsconst { createProxyMiddleware } = require('http-proxy-middleware');
module.exports = function(app) {
app.use(
'/api',
createProxyMiddleware({
target: 'http://localhost:5000', // 目标服务器的地址
changeOrigin: true,
})
);
};
2. CORS（跨源资源共享）：在后端服务器上进行配置，允许特定的源（React 开发服务器或生产环境部署的站点）访问API。
在 Express 框架中，可以使用 cors 包来处理 CORS 问题。
// server.jsconst express = require('express');
const cors = require('cors');
const app = express();
app.use(cors());
// 其他路由和中间件
app.listen(5000, () => {
console.log('Server is running on port 5000');
});
3. JSONP (JSON with Padding)：如果你无法直接修改目标 API 的响应头来实现 CORS，你可以考虑使用 JSONP。JSONP 利用动态生成的 <script> 标签从不同域来获取数据。然而，这种方法仅适用于支持 JSONP 的 API。
这些方法可以在开发环境中有效解决 React 跨域问题。在生产环境中，应该配置服务器以处理跨域请求。
辰迅云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>
推荐阅读： react如何获取到元素的style
云服务器
物理服务器
虚拟主机
跨境电商服务器