跨域问题解决实践

在软件开发中,经常会遇到跨域问题,这个问题比较头疼,今天主要介绍下遇到的跨域问题解决思路及如何解决?

1、首先是后端跨域问题

spring boot中的跨域配置如下:

less 复制代码
@Configuration
public class WebMvcConfig implements WebMvcConfigurer {

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
    }

    @Override
    public void addFormatters(FormatterRegistry registry) {
//        registry.addConverter(new LongDateConverter());
    }

    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**") // 所有接口
                .allowCredentials(true) // 是否发送 Cookie
                .allowedOriginPatterns("*") // 支持域
                .allowedMethods("GET", "POST", "PUT", "DELETE") // 支持方法
                .allowedHeaders("*")
                .exposedHeaders("*");
    }
}

2、根据http返回状态值判断

查看nginx日志,根据返回状态排查问题。例如:上传文件调用后端接口返回413, 标识请求体过大导致跨域,nginx配置如下:

arduino 复制代码
client_max_body_size 100m;
// 默认nginx上传文件大小限制是1M

3、调用后端接口的OPTIONS(预检)请求

在某些情况下,如果你的nginx需要配置options接口,这个接口是后端没有的,是一个默认的请求,对应的nginx配置

ini 复制代码
location / {
            # if ($request_method = 'OPTIONS'){
                  add_header Access-Control-Allow-Origin *;
                  add_header Access-Control-Allow-Methods 'POST, GET, OPTIONS, DELETE';
                  add_header Access-Control-Max-Age "3600";
                  add_header Access-Control-Allow-Credentials true;
                  add_header Access-Control-Allow-Headers *;
                  add_header Content-Type 'application/json; charset=utf-8';
                  return 204;
             }
           # proxy_pass http://127.0.0.1:8115; 
            proxy_set_header Host $host;
            proxy_set_header X-Real-IP $remote_addr;
            proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        }

相关推荐
Humbunklung4 小时前
Rust 编程实现猜数字游戏
开发语言·后端·rust
酱学编程6 小时前
【监控】Spring Boot 应用监控
java·spring boot·后端·prometheus
blues_C6 小时前
九、【前后端联调篇】Vue3 + Axios 异步通信实战
vue.js·后端·django·axios·drf·测试平台
AI小智6 小时前
吴恩达 × LangChain 联合创始人深聊:AI Agent 构建的“残酷真相”与实用建议
后端
卿着飞翔7 小时前
Spring Boot3.4.1 集成 mybatis plus
spring boot·后端·mybatis
写bug写bug7 小时前
一文掌握 Spring 的启动扩展点
java·后端·spring
地藏Kelvin8 小时前
Spring Ai 从Demo到搭建套壳项目(一)初识与实现与deepseek对话模式
java·人工智能·后端
程序员清风8 小时前
快手一面:RocketMQ顺序消息如何增加吞吐量?
java·后端·面试
Captaincc8 小时前
掘金 AI 编程社区首届 VibeCoding竞赛| 人人都是 AI 编程家,释放你的创意潜能!
后端·ai编程