springboot解决ajax跨域问题

最新推荐文章于 2025-07-14 15:02:53 发布

原创最新推荐文章于 2025-07-14 15:02:53 发布 · 449 阅读

1 ·

CC 4.0 BY-SA版权

spring boot 专栏收录该内容

3 篇文章

订阅专栏

本文详细介绍如何在SpringBoot项目中解决AJAX跨域问题，通过配置CorsConfig类实现跨域请求，前端使用jQuery.ajax进行跨域调用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

springboot解决ajax跨域问题

新建config包，新建CorsConfig.java类

在这里插入图片描述

CorsConfig.java类内容如下

package com.azor.config;

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 CorsConfig {

	private CorsConfiguration buildConfig() {
		CorsConfiguration corsConfiguration = new CorsConfiguration();

		// 可以自行筛选
		corsConfiguration.addAllowedOrigin("*");
		corsConfiguration.addAllowedHeader("*");
		corsConfiguration.addAllowedMethod("*");

		return corsConfiguration;
	}

	@Bean
	public CorsFilter corsFilter() {
		UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();

		source.registerCorsConfiguration("/**", buildConfig());

		return new CorsFilter(source);
	}
}

前端调用

$.ajax({
   			"async" : false,
   			"url" : "http://localhost:8080/miniProgram/data_upload",
   			"type" : "POST",
   			"data" : {
   				"paramMap": JSON.stringify(paramMap)
   			},
   			"dataType" : "json",
   			"success": function(res){
   				console.log(res);
   				if(res.flag != null && res.flag) {
					alert("申请成功!请等待工作人员与您联系");
					location.reload();
   				} else {
   					alert("申请失败," + res.message);
   				}
   			}
});

完成！