SpringBoot+ajax跨域请求

最新推荐文章于 2024-04-18 12:15:39 发布

漠翊歌

最新推荐文章于 2024-04-18 12:15:39 发布

阅读量356

点赞数

分类专栏： SpringBoot

本文链接：https://blog.youkuaiyun.com/qq_34839150/article/details/109903488

版权

SpringBoot 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了在不集成和集成SpringSecurity两种情况下，SpringBoot处理Ajax跨域请求的问题。在不集成时，由于跨域引发错误，解决方案是在Controller上添加@CrossOrigin注解。而集成SpringSecurity后，虽然GET请求正常，POST请求仍会遇到跨域问题，需要通过配置WebSecurityConfiguration关闭csrf。

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

不集成SpringSecurity的情况下进行跨域访问

错误信息

在使用ajax请求后端的时候在浏览器控制台会输出如下信息：

Access to XMLHttpRequest at 'http://localhost:8080/test' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

从源’本地路径’访问 '目标路径(请求链接)'文本传输请求已被CORS策略阻塞:对预置请求的响应未通过访问控制检查:请求的资源上不存在’Access- control - allow - origin '报头。

错误原因

本地路径和目标路径不是同一个域名下引起的跨域问题

解决方案

在对应的Controller类前上@CrossOrigin注解

例如：

package com.example.demo.controller;

import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;

/**
 * @program: demo
 * @description:
 * @author: liu
 * @create: 2019-07-11 18:14
 **/
@RestController
@CrossOrigin
public class TestController {
  
    @PostMapping("/testPost")
    public String testPost() {
        System.out.println("testPost成功");
        return "testPost跨域请求成功";
    }
  
    @GetMapping("/testGet")
    public String testGet() {
        System.out.println("testGet成功");
        return "testGet跨域请求成功";
    }
}

集成SpringSecurity的情况下进行跨域访问

错误信息

集成SpringSecurity后get请求正常，但是对于post请求仍然会显示错误信息

jquery.min.js:4 POST http://localhost:8080/testPost 403
list_student.html:1 Access to XMLHttpRequest at 'http://localhost:8080/testPost' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

解决方案

添加WebSecurityConfiguration配置文件可关闭csrf

package com.example.demo;

import org.springframework.context.annotation.Configuration;
import org.springframework.core.annotation.Order;
import org.springframework.http.HttpMethod;
import org.springframework.security.config.annotation.method.configuration.EnableGlobalMethodSecurity;
import org.springframework.security.config.annotation.web.builders.HttpSecurity;
import org.springframework.security.config.annotation.web.configuration.EnableWebSecurity;
import org.springframework.security.config.annotation.web.configuration.WebSecurityConfigurerAdapter;

@Configuration
@EnableWebSecurity
@EnableGlobalMethodSecurity(prePostEnabled = true)
@Order(-1)
public class WebSecurityConfiguration extends WebSecurityConfigurerAdapter {

    @Override
    protected void configure(HttpSecurity http) throws Exception {
//        http.requestMatchers().antMatchers(HttpMethod.OPTIONS, "/oauth/**","/login/**","/logout/**")
//            .and()
//            .authorizeRequests()
//            .antMatchers().permitAll()
//            .and()
//            .formLogin().permitAll(); //新增login form 支持用户登录及授权

        http.requestMatchers().antMatchers(HttpMethod.OPTIONS, "/oauth/**")
                .and()
                .cors()
                .and()
                .csrf().disable();
    }
}