springboot + ajax跨域

最新推荐文章于 2022-08-15 14:09:17 发布

中国第1300000000

最新推荐文章于 2022-08-15 14:09:17 发布

阅读量77

点赞数

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

本文链接：https://blog.csdn.net/ljq1998/article/details/112969124

版权

java 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文详细介绍了如何在服务端通过全局配置实现跨域请求时允许携带Cookie，并在前端使用Ajax设置xhrFields携带Cookie信息。服务端通过Spring Boot配置CORS过滤器，允许所有域名、所有头部和所有请求方法，同时设置allowCredentials为true以允许Cookie。前端使用jQuery的Ajax方法，设置withCredentials为true来发送请求。

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

优秀文章链接
ajax请求携带cookie和自定义请求头header（跨域和同域）

一.服务端
添加全局配置bean

/**
* 全局跨域配置
*/
@Configuration
public class GlobalCorsConfig {

   /**
    * 允许跨域调用的过滤器
    */
   @Bean
   public CorsFilter corsFilter() {
       CorsConfiguration config = new CorsConfiguration();
       //允许所有域名进行跨域调用
       config.addAllowedOrigin("*");
       //允许跨越发送cookie
       config.setAllowCredentials(true);
       //放行全部原始头信息
       config.addAllowedHeader("*");
       //允许所有请求方法跨域调用
       config.addAllowedMethod("*");
       config.setAllowCredentials(true);
       UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
       source.registerCorsConfiguration("/**", config);
       return new CorsFilter(source);
   }

}

二.前端Ajax请求

$.ajax({
	        url : 'http://localhost:9080/login/doUserAuth',
	        type : 'post',
	        xhrFields: {
                withCredentials: true // 发送Ajax时，Request header中会带上 Cookie 信息。
            },
	        data : {
	        },
	        //contentType : "application/x-www-form-urlencoded;charset=UTF-8",
	        dataType : 'json',
	        success : function(res) {
	          
	        },
	        error : function(res) {
	          layer.msg("系统错误,请联系管理员!");
	          return;
	        }
	      });