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/; } }

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/1124714.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

北京大学研究团队:音视频联合训练提升AI多模态理解力

北京大学计算机学院的吴建宗团队联合阿里巴巴集团,在2025年12月发表了一项颠覆性的研究成果。这项名为"Does Hearing Help Seeing? Investigating Audio–Video Joint Denoising for Video Generation"的研究首次系统性地证明了一个令人惊奇的发现&#…

新石器无人车亮相CES 2026:累计部署超过16000台L4级无人车

【美国拉斯维加斯,2026年1月6日】全球无人配送领军企业新石器无人车(Neolix),今日正式亮相2026年国际消费电子展(CES 2026),发布AI驱动的下一代无人驾驶物流解决方案,并展示全系列Ro…

【Java毕设源码分享】基于springboot+vue的酒店在线预订系统的设计与实现(程序+文档+代码讲解+一条龙定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

操作系统的资源管理任务包括:资源分配、回收、调度,以及监控资源使用情况等。

5.1 资源管理概述资源管理是操作系统的一项核心功能,其目的是在多任务环境中高效利用有限的计算机资源,保障系统的公平性和性能。资源包括硬件资源(如CPU、内存、I/O设备)和软件资源(如文件、进程控制块等)…

多款项目管理工具深度对比:Jira 、mantis 、Kanass

Jira、mantis 、kanass在项目管理与缺陷管理上都有很好的表现,本文通过产品特点、适用场景、产品页面预览三个方面,进行详细介绍。1、jira1.1 产品介绍JIRA一款项目与事务跟踪工具,主要用于缺陷跟踪、客户服务、需求收集、流程审批及敏捷管理…

‌性能测试与安全测试的协同:DevSecOps时代下的双轮驱动实践

在现代软件交付体系中,性能测试与安全测试已不再是孤立的“质量门禁”,而是深度融合、协同增效的双引擎。随着云原生架构普及、CI/CD流水线成为标准实践,测试团队正从“事后验证”转向“左移共建”。本文面向一线软件测试从业者,系…

浙江大学等机构联合开发ViSAudio,让无声视频秒变立体声大片

如果你曾经被电影院里震撼的音效深深吸引,比如《阿凡达》中飞机从左边飞到右边时那种立体声效果,或是《泰坦尼克号》中海浪声从四面八方涌来的沉浸感,那你一定会对这项最新研究感到惊喜。由浙江大学、上海人工智能实验室、上海交通大学、斯坦…

springboot+vue的二手交易平台_4682y024

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

自动驾驶技术将在2025年达到L4级甚至L5级水平,能够在复杂城市环境中安全行驶

人工智能在医疗领域的突破2025年,人工智能将在医疗领域实现更精准的诊断和治疗方案推荐。通过深度学习分析医学影像,AI能早期发现癌症、心血管疾病等病症,准确率超过人类专家。个性化医疗方案将根据患者的基因数据和病史生成,大幅…

基于PLC的智能停车场自动控制系统设计

摘 要 本选题旨在通过应用PLC控制技术,设计一种高效、自动化的停车收费控制系统。该系统主要用于小型停车场的智能管理,能够实现自动计时计费等功能。系统由PLC控制器、车辆检测传感器、收费终端、显示屏等部分组成,PLC通过与各类传感器和…

量化评估:GEO人才六大核心能力的科学测度体系

引言:从定性描述到量化测度的能力评估革命在地理空间智能与AI搜索深度融合的时代,对GEO人才能力的评估已不能再依赖传统的学历认证或经验年限等粗放指标。如何科学、客观、可操作地量化评估前文所述的六大核心能力维度,成为教育机构、企业和行…

PSO-CNN-LSTM算法:优化隐含层与学习率以提高预测精度

PSO-CNN-LSTM,即粒子群优化CNN_LSTM网络做预测的算法,优化隐含层单元个数和初始学习率,预测精度要比CNN-LSTM高。最近在折腾时序预测项目的时候,发现CNN-LSTM组合网络虽然能捕捉时空特征,但超参调起来简直要命。特别是…

springboot+vue的二手房价分析可视化系统的设计与开发_nr6h1y0i

目录 摘要内容 开发技术 核心代码参考示例1.建立用户稀疏矩阵,用于用户相似度计算【相似度矩阵】2.计算目标用户与其他用户的相似度总结源码文档获取/同行可拿货,招校园代理 :文章底部获取博主联系方式! 摘要内容 该系统基于SpringBoot和Vue…

KAIST团队破解长视频理解难题:WorldMM让AI拥有“超级记忆力“

想象一下,你能记住一周前某个下午朋友随口说过的话,或者准确回忆起三天前在某个地点做过的事情。对人类来说,这样的记忆能力已经相当不错,但对于人工智能来说,理解和记忆长达几小时甚至几天的视频内容,一直…

关于“菁才计划”IETF国际互联网标准青年学者推进项目的报名通知

为推动我国互联网学术研究与国际标准深度融合,助力青年学者参与国际互联网标准制定工作,“菁才计划”IETF国际互联网标准青年学者推进项目(以下简称:IETF“菁才计划”)已正式启动。现将项目报名相关事宜通知如下&#…

单北斗变形监测在水库与桥梁建设中的应用与发展

本文主要探讨单北斗变形监测在水库及桥梁建设中的应用和发展。单北斗变形监测技术基于全球导航卫星系统(GNSS),通过精准的定位和实时数据传输,能够有效监控基础设施的稳定性。在水库建设中,该技术帮助识别潜在的风险&a…

成长路径:AI搜索时代GEO人才六大核心能力的系统培养方案

引言:重塑GEO人才成长新范式在AI搜索技术重塑地理空间行业的背景下,传统以软件操作为核心的人才培养模式已显乏力。地理空间(GEO)人才的能力成长,需要从零散的技能培训转向基于六大核心维度的系统化培养。这种培养不仅…

实战笔记:S7-1200玩转五轴伺服的骚操作

西门子S7-1200控制5轴伺服程序案例。S7-1200控 制5轴伺服程序案例。1.PTO伺服轴脉冲定位控制功能应用速度模式应用扭矩模式应用。 2.程序为结构化编程,每一功能为模块化设计,具有一个项目都有的功能:自动_手动_单步_暂停后原位置继续运行_轴断电保持_报警功能_气缸运行及报警. …

大连理工大学联合快手科技推出革命性AI视频生成框架

当你观看一部电影时,是否注意到画面会在不同角度和场景之间切换?比如先展示主角在厨房做饭的全景,然后切换到特写镜头展示他专注的表情,再切换到另一个角度显示宠物猫在地上玩耍。这种多镜头叙事手法正是电影魅力的核心所在。然而…

37.MLCC电容X5R,X7R有什么区别

X5R和X7R是应用最广泛的两种多层陶瓷电容(MLCC)介质材料。理解它们的特性和选型攻略,是保证电路稳定可靠的关键。思考:X5R和X7R这种多层陶瓷电容(MLCC)看着简单,却是硬件里最容易翻车的隐形杀手…