为什么本地开发时请求后端接口会报CORS错误？
我在本地用 Vite 启动前端项目，调用公司测试环境的 API 接口，浏览器控制台一直报 CORS 错误，说“跨源请求被阻止”。后端同事说他们已经加了 Access-Control-Allow-Origin: *，但还是不行，到底哪里出问题了？
我试过在 fetch 里加 credentials: ‘omit’，也试过换 axios，都没用。而且奇怪的是，有些接口能通，有些不行。是不是跟请求头或者方法有关？
顺便贴一下我页面里用的一小段 CSS，虽然应该没关系，但怕有影响：
.api-card {
border: 1px solid #ddd;
padding: 16px;
border-radius: 8px;
background: #f9f9f9;
transition: box-shadow 0.2s;
}
.api-card:hover {
box-shadow: 0 4px 12px rgba(0,0,0,0.1);
}- 1
回答
38浏览
前端用代理解决CORS问题，为什么本地开发可以线上却不行？
我在本地开发时用 Vite 的 proxy 配置成功绕过了 CORS，接口能正常调用。但部署到线上后，请求还是被浏览器拦了，报错 CORS header 'Access-Control-Allow-O...
- 1
回答
19浏览
为什么本地React项目调用API会报CORS错误？
我用create-react-app搭了个小项目，想调公司内网的一个测试接口，但一请求就报CORS错误。明明后端同事说已经加了允许跨域的头，可浏览器还是拦着不让发请求。 我在本地开发环境（http:/...
- 1
回答
25浏览
前端用代理解决CORS问题，为什么本地开发能行上线就挂了？
我在本地开发时用 Vite 的 proxy 配置成功绕过了 CORS，请求第三方 API 没问题。但部署到线上后，直接报跨域错误，明明线上也配了 Nginx 反向代理，怎么就不生效了？ 本地配置是这样...
- 2
回答
57浏览
为什么我的Ajax请求突然报CORS错误？之前还能正常工作？
我在用Vue写一个表单提交功能，突然发现用axios发POST请求到后端PHP接口时，浏览器直接报CORS错误，明明昨天还能正常工作... 前端代码没改过，就是普通的axios配置：axios.pos...
- 2
回答
35浏览
Nginx配置CORS后前端还是跨域，哪里出问题了？
我在本地用Vue开发，请求后端API一直报跨域错误，明明已经在Nginx里加了CORS头，但浏览器还是拦着不让过，到底是哪没配对？ 我试过在Nginx的location块里加add_header，也重...
- 2
回答
56浏览
为什么本地开发时Ajax请求后端接口会报CORS错误？
我在本地用 http://localhost:3000 启动了一个React项目，调用公司测试环境的API（比如 https://api.test.com/user），浏览器控制台一直报CORS错误，...
- 2
回答
41浏览
React中POST请求为什么被CORS拦截？预检请求没发出去？
在React项目里用fetch发POST请求到第三方API时，浏览器突然报CORS错误。我明明设置了headers里的Content-Type为application/json，但控制台显示"Resp...
- 1
回答
39浏览
CORS配置到底该怎么写才安全？
我在本地开发时调后端接口老是被CORS拦住，试过在Nginx里加add_header 'Access-Control-Allow-Origin' '*';，虽然能通了，但听说这样不安全。那到底应该怎么...
- 2
回答
21浏览
Egg.js 中如何正确处理跨域请求？
我在用 Egg.js 写后端接口，前端本地开发时请求总是被拦，控制台报 CORS 错误。试过在 config/config.default.js 里加 config.cors = { origin: ...
- 2
回答
289浏览
为什么本地文件用 fetch 请求 JSON 会报 CORS 错误？
我最近在本地开发一个静态页面，想用 fetch('data.json') 加载同目录下的 JSON 文件，结果浏览器控制台报错：「Access to fetch at 'file:///.../dat...
建议让后端同事检查下那些不通的接口，是不是用到了POST、PUT、DELETE这些非简单请求方法？如果是的话，他们还需要在预检请求里返回正确的响应头。特别是要加上Access-Control-Allow-Methods和Access-Control-Allow-Headers。
我自己遇到类似情况时，发现有时候问题是出在自定义请求头上面。如果你前端代码里加了一些特殊的header，后端必须显式允许这些header。
至于你说有些能通有些不行，很可能是不同接口用了不同的请求配置。可以试着把所有请求都改成最简单的GET请求，看看能不能通过。
顺便说下，你贴的那个CSS跟这个问题真没关系，别在这上面浪费时间了。要不直接找后端一起调试下具体的请求流程？这种跨域问题最好前后端配合着来解决。
最后提醒一下，开发环境可以用代理服务器来规避CORS问题，不过这只是临时方案，生产环境还得从根本上解决问题。