前端--> 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;
                        #         }
相关推荐
风度前端24 分钟前
用了都说好的 uniapp 路由框架
前端
冴羽25 分钟前
2026 年 Web 前端开发的 8 个趋势!
前端·javascript·vue.js
码银33 分钟前
ruoyi的前端(vue)新增的时候给字典设置默认值 但不能正常
前端
五仁火烧1 小时前
Vue3 项目的默认端口行为
服务器·vue.js·nginx·容器·vue
凌览1 小时前
别再死磕 Nginx!http-proxy-middleware 低配置起飞
前端·后端
EndingCoder2 小时前
类的继承和多态
linux·运维·前端·javascript·ubuntu·typescript
用户47949283569152 小时前
React 终于出手了:彻底终结 useEffect 的"闭包陷阱"
前端·javascript·react.js
程序员猫哥2 小时前
前端开发,一句话生成网站
前端
Younglina2 小时前
一个纯前端的网站集合管理工具
前端·vue.js·chrome
木头程序员2 小时前
前端(包含HTML/JavaScript/DOM/BOM/jQuery)基础-暴力复习篇
开发语言·前端·javascript·ecmascript·es6·jquery·html5