快速解决Nginx跨域问题

简介: 项目场景:在集成nginx代理反向代理时,出现的跨域问题的解决方法。

 Welcome to Code Block's blog

本篇文章主要介绍了

[快速解决Nginx跨域问题]

❤博主广交技术好友,喜欢文章的可以关注一下❤

目录

项目场景

问题描述

原因分析:

解决方案


项目场景:

项目场景:在集成nginx代理反向代理时,出现的跨域问题的解决方法。


问题描述

问题发生在nginx反向代理springboot后端应用时,前端请求后端时发生Cros错误,如下图所示。

image.gif 编辑

原因分析:

1.Nginx作为代理服务,需要配置允许跨域

2.Springboot后台服务需要配置允许跨域请求


解决方案:

1.检查后台服务是否设置了允许跨域,设置方法如下:

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
 
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**")
                .allowedHeaders("Content-Type","X-Requested-With","accept,Origin","Access-Control-Request-Method","Access-Control-Request-Headers","token")
                .allowedMethods("*")
                .allowedOrigins("*")
                .allowCredentials(true);
    }
 
    /**
     * 支持PUT、DELETE请求
     */
    @Bean
    public FormContentFilter httpPutFormContentFilter() {
        return new FormContentFilter();
    }
 
}

image.gif

2.检查nginx.conf配置文件是否允许跨域,在server配置内进行配置,配置方法如下:

add_header Access-Control-Allow-Origin *;
add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
add_header Access-Control-Allow-Headers '*';
if ($request_method = 'OPTIONS') {
    return 204;
}

image.gif

image.gif 编辑


目录
相关文章
|
前端开发 Java 应用服务中间件
解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
4409 0
解决跨域问题的8种方法,含网关、Nginx和SpringBoot~
|
前端开发 应用服务中间件 Linux
nginx解决springcloud前后端跨域问题,同时配置ssl
nginx解决springcloud前后端跨域问题,同时配置ssl
511 0
|
Kubernetes 负载均衡 网络协议
k8s中部署springboot项目
k8s中部署springboot项目
1534 0
|
安全 Linux Shell
structure needs cleaning结构需要清理解决方案
structure needs cleaning结构需要清理解决方案
5462 0
|
8月前
|
前端开发 应用服务中间件 API
Nginx反向代理Cookie处理(小白也能看懂的详细教程)
本教程详解Nginx反向代理中Cookie处理的关键配置,涵盖`proxy_cookie_domain`与`proxy_cookie_path`的使用方法,解决因域名、路径或HTTPS导致的会话丢失问题,确保用户登录状态正常,提升Web应用稳定性与用户体验。
|
12月前
|
JSON 安全 Java
描述Java中处理跨域问题的解决方案。
以上为服务端跨域解决方案的几种方式,在实施的时候需要综合考虑应用的性能、安全需求和具体的业务场景来选择合适的策略。
538 0
|
人工智能 缓存 负载均衡
spring boot-MultipartFile 机制
本文详解了 Spring Boot 中 MultipartFile 的工作机制及大文件上传的解决方案。内容涵盖 MultipartFile 的解析流程、上传配置、Feign 上传大文件的内存问题及基于 RestTemplate 的流式上传实现。同时介绍了服务器端如何直接处理 application/octet-stream 类型的文件流,避免内存溢出问题。适合需要优化文件上传性能的开发者参考。
1322 0
|
缓存 安全 应用服务中间件
Nginx:关于实现跨域代理
Nginx:关于实现跨域代理
2683 1
|
前端开发 Java 应用服务中间件
Springboot解决跨域问题方案总结(包括Nginx,Gateway网关等)
Springboot解决跨域问题方案总结(包括Nginx,Gateway网关等)
|
API Nacos 数据库
Nacos配置问题之启动项目报错如何解决
Nacos是一个开源的、易于部署的动态服务发现、配置管理和服务管理平台,旨在帮助微服务架构下的应用进行快速配置更新和服务治理;在实际运用中,用户可能会遇到各种报错,本合集将常见的Nacos报错问题进行归纳和解答,以便使用者能够快速定位和解决这些问题。
6753 123

热门文章

最新文章