前端--> nginx-->gateway产生的跨域问题分析

1、后台服务是否配置cors,或者添加CorsFilter。

2、确认前端求header参数被包含在cors配置中。

3、检查CorsFilter的顺序是否是filterChain第一位,如果不是,看他前面的filter是否可以通过。

4、如果无法通过,检查nginx.conf文件中是否配置

复制代码
#  给response header 添加如下参数

add_header 'Access-Control-Allow-Origin' '*' ;
add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS' ;
add_header 'Access-Control-Allow-Headers' 'Content-Type,x-format,x-language,x-locale,x-requested-with' ;
add_header 'Access-Control-Allow-Credentials' 'true' ;
                        #     if ($request_method = 'OPTIONS') {
                        #         add_header 'Access-Control-Allow-Origin' '*';
                        #         add_header 'Access-Control-Allow-Methods' 'GET, POST, OPTIONS';
                        #         add_header 'Access-Control-Allow-Headers' 'Content-Type,x-format,x-language,x-locale,x-requested-with' always;
                        #         add_header 'Access-Control-Allow-Credentials' 'true';
                        #         return 204;
                        #         }
相关推荐
snakeshe10102 分钟前
深入解析React Hooks:useState与useReducer的区别与实现
前端
程序员韩立6 分钟前
现代全栈开发:Next.js与Node.js实战指南
前端·后端
航Hang*9 分钟前
WEBSTORM前端 —— 第2章:CSS —— 第2节:文字控制属性与CSS特性
前端·css·css3·html5·webstorm
小桥风满袖11 分钟前
Three.js-硬要自学系列18 (模型边界线、几何体顶点颜色、网格模型颜色渐变)
前端·css·three.js
JHC00000011 分钟前
DrissionPage 请求一次换一个代理(不重启chrome)
前端·chrome
David凉宸12 分钟前
视频融合 hls流如何对接
前端·音视频开发
萌萌哒草头将军13 分钟前
🚀🚀🚀 神了!RedwoodJS 轻松碾压 NextJS,成了我的最爱❤️
前端·react.js·全栈
CF14年老兵14 分钟前
当 JavaScript 遇上 Rust/Go:一场 “速度诱惑” 下的生态保卫战
前端·javascript·rust
David凉宸14 分钟前
vue手写日历
前端·javascript
itsOli20 分钟前
(25)性能优化和项目上线 | Vue.js 项目实战: 移动端“旅游网站”开发
前端·javascript·vue.js