news 2026/3/28 7:53:59

nginx解决跨域问题,包括options请求的跨域问题

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
nginx解决跨域问题,包括options请求的跨域问题

C:\tools\nginx-1.28.0\conf\nginx.conf文件,报错:Access to fetch at 'http://localhost/api-aa2-agent12/classes/courses' from origin 'http://localhost:3001' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

修改说明

为什么需要处理 OPTIONS 请求?

当浏览器发起跨域请求时,会先发送一个 OPTIONS 预检请求(preflight request)来检查服务器是否允许实际请求。如果 Nginx 不正确处理这个 OPTIONS 请求,浏览器就会报 CORS 错误。

主要改进:

  1. 单独处理 OPTIONS 请求,直接返回 204 状态码
  2. 所有 CORS 头添加always参数,确保在所有响应中都包含
  3. 增加了Authorization头的支持,允许传递 token

重新加载 Nginx 后,CORS 错误应该就解决了!

server { listen 80; server_name localhost; location /api-aa2-agent12/ { # 处理 OPTIONS 预检请求 if ($request_method = 'OPTIONS') { add_header 'Access-Control-Allow-Origin' '*' always; add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, PATCH, OPTIONS' always; add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, Accept, Origin, User-Agent, DNT, Cache-Control, X-Mx-ReqToken, X-Requested-With' always; add_header 'Access-Control-Max-Age' 1728000 always; add_header 'Content-Type' 'text/plain; charset=utf-8' always; add_header 'Content-Length' 0 always; return 204; } # 设置允许跨域的域,* 表示允许任何域,也可以设置特定的域 add_header 'Access-Control-Allow-Origin' '*' always; # 允许的方法 add_header 'Access-Control-Allow-Methods' 'GET, POST, PUT, DELETE, PATCH, OPTIONS' always; # 允许的头信息字段 add_header 'Access-Control-Allow-Headers' 'Authorization, Content-Type, Accept, Origin, User-Agent, DNT, Cache-Control, X-Mx-ReqToken, X-Requested-With' always; # 缓存时间 add_header 'Access-Control-Max-Age' 1728000 always; proxy_set_header X-Real-IP $remote_addr; proxy_set_header REMOTE-HOST $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header X-NginX-Proxy true; proxy_set_header Connection ''; proxy_http_version 1.1; chunked_transfer_encoding off; proxy_buffering off; proxy_cache off; proxy_pass http://192.168.31.141:1234/; } }

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/17 16:31:55

基于springboot框架的服装商城销售系统_0895i6w5

目录 系统概述技术架构核心功能扩展性与安全 开发技术 核心代码参考示例1.建立用户稀疏矩阵,用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度总结源码文档获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 系统概述…

作者头像 李华
网站建设 2026/3/22 3:45:55

38.电阻电容——EIA标准中系列

EIA标准容量值,也称为 “优先数” 或 “标准值系列”,是由电子工业联盟制定的一套标准化的电子元件数值序列。这是一个电子工程中非常基础且重要的概念。其核心目的是:在覆盖足够宽的数值范围的同时,最大限度地减少元件型号&#…

作者头像 李华
网站建设 2026/3/27 14:32:15

换掉SpringBoot?0.0015 秒内启动一个应用,这个框架可以封神了!

SpringBoot框架不用多介绍,Java程序员想必都知道。相对来说熟悉Quarkus的人可能会少一些。Quarkus首页放出的标语:超音速亚原子的Java(Supersonic Subatomic Java)。它是为 OpenJDK HotSpot 和 GraalVM 量身定制的 Kubernetes Nat…

作者头像 李华
网站建设 2026/3/25 5:59:41

复杂业务系统的通用架构设计

一、什么是复杂系统我们经常提到复杂系统,那么到底什么是复杂系统。我们看下维基的定义:复杂系统(英语:complex system),又称复合系统,是指由许多可能相互作用的组成成分所组成的系统。强调了两…

作者头像 李华
网站建设 2026/3/24 0:38:17

3.5 推荐系统评价指标详解:准确率、召回率、F1、NDCG,如何选择

3.5 推荐系统评价指标详解:准确率、召回率、F1、NDCG,如何选择 引言 推荐系统的评估指标直接影响模型优化方向。准确率、召回率、F1、NDCG等指标各有特点,选择合适的指标至关重要。本文将深入解析这些指标的含义、计算方法和选择原则。 一、分类指标 1.1 准确率和召回率…

作者头像 李华
网站建设 2026/3/26 19:45:53

文献怎么查:实用文献检索方法与技巧指南

一、WisPaper:智能学术搜索激发科研灵感 科研创新的关键是了解前沿,找到突破口。但传统查文献方式往往效率低: Google Scholar 或 arXiv 搜索结果太多,难以筛选公众号推送滞后,容易错过最新研究文献阅读时间长&#…

作者头像 李华