CORS方法解决Ajax跨越请求

最新推荐文章于 2023-08-01 08:12:38 发布

port:6379

最新推荐文章于 2023-08-01 08:12:38 发布

阅读量179

点赞数

分类专栏： java 前端文章标签： ajax java 前端

本文链接：https://blog.csdn.net/qq_44890723/article/details/129772830

版权

前端同时被 2 个专栏收录

10 篇文章 0 订阅

订阅专栏

java

9 篇文章 0 订阅

订阅专栏

文章讲述了由于浏览器的安全策略，同源策略限制了Ajax请求只能向同一域名下发送。为了解决跨域问题，文中提供了使用Zull网关添加CORS配置的方法，包括设置允许的源、允许的请求方法、头信息等，并展示了成功解决跨域时返回的相应请求头。

摘要由CSDN通过智能技术生成

跨越问题

跨域情况

域名不同	www.jd.com 与 www.taobao.com
域名相同，端口不同	www.jd.com:8080 与 www.jd.com:8081

原因：处于安全一个页面发起的ajax请求，只能是与当前页域名相同的路径，这能有效的阻止跨站攻击。

Zull网关添加CORS配置解决

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.cors.CorsConfiguration;
import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
import org.springframework.web.filter.CorsFilter;

@Configuration
public class FengJinPingCorsConfig {
    @Bean
    public CorsFilter corsFilter() {
        //1.添加CORS配置信息
        CorsConfiguration config = new CorsConfiguration();
        //1) 允许的域,不要写*，否则cookie就无法使用了
        config.addAllowedOrigin("具体的域名www.xxx.com");
        //2) 是否发送Cookie信息
        config.setAllowCredentials(true);
        //3) 允许的请求方式,所有都加入
        config.addAllowedMethod("OPTIONS");
        config.addAllowedMethod("HEAD");
        config.addAllowedMethod("GET");
        config.addAllowedMethod("PUT");
        config.addAllowedMethod("POST");
        config.addAllowedMethod("DELETE");
        config.addAllowedMethod("PATCH");
        // 4）允许的头信息
        config.addAllowedHeader("*");

        //2.添加映射路径，我们拦截一切请求
        UrlBasedCorsConfigurationSource configSource = new UrlBasedCorsConfigurationSource();
        configSource.registerCorsConfiguration("/**", config);

        //3.返回新的CorsFilter.
        return new CorsFilter(configSource);
    }
}

出现以下请求头即表示解决跨域
Access-Control-Allow-Origin: 域名
Access-Control-Allow-Credentials: true
Access-Control-Allow-Methods: 允许跨域的方法
Access-Control-Allow-Headers: X-Custom-Header
Access-Control-Max-Age：时间，单位是秒