SpringBoot跨域请求

最新推荐文章于 2024-06-09 11:45:26 发布
最新推荐文章于 2024-06-09 11:45:26 发布
阅读量1.8k 收藏
点赞数
分类专栏： 框架学习 工具类 网络编程 文章标签： 跨域 SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33466466/article/details/80471504
版权

在软件开发过程中，尤其是现在的前后端分离开发，跨域请求是很普通的事情，我这个只是简单的将所有的跨域请求都接受，如若有大佬有更好的解决方案欢迎分享

问题：

在请求的时候，前端使用js进行ajax请求未能接收到预期的数据，却得到了一个跨域请求的报错。

跨域请求报错

解决办法

项目是使用SpringBoot构建的，在项目中添加一个过滤器AjaxFilter，使用这个过滤器对所有的请求进行处理。

主要是添加请求头

代码

  1. AjaxFilter 访问请求过滤器

    package com.chen.dataserver.filter;

import org.slf4j.Logger;
import org.slf4j.LoggerFactory;

import java.io.IOException;
import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * Created by handsome programmer.
 * User: chen
 * Date: 2018/5/27
 * Time: 17:36
 * Description: 跨域拦截器，解决跨域问题3
 */
@WebFilter(filterName = "ajaxFilter", urlPatterns = {"/*"})
public class AjaxFilter implements Filter {

    private static Logger logger = LoggerFactory.getLogger(AjaxFilter.class);

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        String requestURI = request.getRequestURI();
        logger.info("过滤到的请求--->" + requestURI);
        // 指定允许其他域名访问
        response.setHeader("Access-Control-Allow-Origin", "*");
        // 响应类型
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, DELETE, OPTIONS, DELETE");
        // 响应头设置
        response.setHeader("Access-Control-Allow-Headers", "Content-Type, x-requested-with, X-Custom-Header, HaiYi-Access-Token");
        filterChain.doFilter(servletRequest, servletResponse);
    }

    @Override
    public void destroy() {

    }
}

  2. 在项目启动的入口类上面即Application上面添加@ServletComponentScan注解。

测试代码

<!DOCTYPE html>
<html lang="zh" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8">
    <script type="text/javascript">
        // 创建XMLHttpRequest对象
        var xmlHttpRequest;
        if (window.XMLHttpRequest) {
            //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
            xmlHttpRequest = new XMLHttpRequest();
        } else {
            // IE6, IE5 浏览器执行代码
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
        }

        xmlHttpRequest.open("GET", "http://localhost:8080/pc/getRecordsFromStaticNode", true);
        xmlHttpRequest.send();

        xmlHttpRequest.onreadystatechange = function () {
            if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
                console.log(xmlHttpRequest.responseText);
            }
        }
    </script>
</head>
<body>
</body>
</html>

解决跨域问题后的请求

解决跨域问题

凡尘code
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决 springboot跨域请求问题
05-11
SpringBoot应用可以通过配置CORS来允许特定或所有来源的跨域请求。在SpringBoot应用中，你可以创建一个配置类，比如`CorsConfig`，并添加一个`CorsFilter`。在`buildConfig`方法中，设置`CorsConfiguration`对象，...
Spring boot 跨域请求实现方式汇总
蚩尤后裔-汪茂雄
03-13 5946
目录 什么是跨域？ 常见跨域场景 jsonp 跨域 Jsonp - 前端 JavaScript Jsonp - 服务器 Jsonp - 跨域测试 Cors 跨域 Cors - 前端 JavaScript Cors - 服务器 Cors - 跨域测试 Access-control-Allow-Origin 多域名设置 什么是跨域？ 1、前后端数据交互经常会碰到请求跨域，...
springboot实现跨域的五种方式
weixin_48581386的博客
02-16 6708
springboot跨域的5种方法
Spring boot开启跨域配置
最新发布
卿着飞翔
06-09 601
Spring boot解决跨域问题还是很方便的，遇到跨域问题，通过以上方式都可以实现解决。
SpringBoot解决跨域的五种方案
quanzhan_King的博客
06-14 2456
出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。所以，用最简单的话来说，就是前端可以发请求给服务器，服务器也可以进行响应，只是因为浏览器会对请求头进行判断，所以要么前端设置请求头，要么后端设置请求头。其实无论哪种方案，最终目的都是修改响应头，向响应头中添加浏览器所要求的数据，进而实现跨域。同源，就是咱们域名、端口号、ip、采用的协议都相同，那么我们就是同源的。
Springboot解决跨域问题的三种方式
weixin_50528222的博客
05-30 2658
对应的方法上添加@CrossOrigin或者类上添加@CrossOrigin。新建配置类CorsConfig，创建。
Springboot解决跨域问题的五种方法
m0_52444089的博客
07-18 485
五种方式进行跨域处理。
springboot 跨域请求
02-05
在Spring Boot应用中，处理跨域请求是一项常见的需求，特别是在前后端分离的开发模式下。Spring Boot提供了多种方式来实现跨域支持，其中最常用的是通过CORS（Cross-Origin Resource Sharing，跨源资源共享）机制。...
Springboot跨域问题三种解决方案
08-19
Springboot 跨域问题三种解决方案 Springboot 跨域问题是指在前后端分离项目中，客户端与服务器端的 origin 不同，从而导致的跨域资源共享问题。下面将介绍 Springboot 跨域问题三种解决方案。 一、全局配置 在 ...
Springboot跨域CORS处理实现原理
08-19
Consumer 工程提供访问页面，跨域请求 Provider 接口，端口为 8082。控制层代码使用 @Controller 注解，提供了一个 GET 方法，用于返回字符串 "index"。页面代码使用 JavaScript 和 jQuery 库，用于发送 AJAX 请求。...
SpringBoot解决跨域请求拦截问题代码实例
08-25
SpringBoot解决跨域请求拦截问题代码实例 在微服务开发中，一个系统包含多个微服务，会存在跨域请求的场景。本文主要讲解SpringBoot解决跨域请求拦截的问题。 知识点1：同源策略 同源策略是浏览器出于网站安全性...
SpringBoot解决跨域问题的六种方式
热门推荐
qq_46028126的博客
03-24 1万+
一、同源策略 同源，就是咱们域名、端口号、ip、采用的协议都相同，那么我们就是同源的 反之就是不同源的！！！ 出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。 所以，用最简单的话来说，就是前端可以发请求给服务器，服务器也可以进行响应，只是因为浏览器会对请求头进行判断，所以要么前端设置请求头，要么后端设置请求
springboot中如何实现跨域请求
daimenglaoshi的博客
12-07 3509
我们知道Url的一般格式：协议 + 域名（子域名 + 主域名） + 端口号 + 资源地址比如：https://www.itquanmingxing.cn:8080/users 是由https + www + itquanmingxing.cn + 8080 + users组成。只要协议，子域名，主域名，端口号这四项组成部分中有一项不同，就可以认为是不同的域，不同的域之间互相访问资源，就被称之为跨域。而我们的浏览器默认是不允许跨域请求的，因为它们都使用了同源策略，同源策略是由 Netscape 提出的一个著名
Spring Boot 解决跨域Cores问题
岚殿的代码笔记
08-09 1292
import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.CorsRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @Configuration public class CorsConfig implemen.
springmvc或者springboot 中实现跨域的5种方式
ratel的博客
01-03 3070
springmvc或者springboot 中实现跨域的5种方式
SpringBoot中实现跨域的几种常用方式
qq_44577699的博客
12-11 602
SpringBoot中实现跨域的几种常用方式
面试突击81：什么是跨域问题？如何解决？
m0_56069948的博客
09-08 2675
跨域问题的本质是浏览器为了保证用户的一种安全拦截机制，想要解决跨域问题，只需要告诉浏览器“我是自己人，不要拦我”就行。它的常见实现方式有 5 种：通过注解实现局部跨域、通过配置文件实现全局跨域、通过 CorsFilter 对象实现全局跨域、通过 Response 对象实现局部跨域，通过 ResponseBodyAdvice 实现全局跨域。
SpringBoot项目跨域请求放行配置工具类
zhengTornado的博客
12-06 597
package com.ruoyi.framework.config; import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.cors.CorsConfigurat...
Spring Boot项目中解决跨域问题（四种方式）
weixin_44924882的博客
01-26 5996
开发项目的时候因为浏览器同源策略的限制，经常会遇到跨域问题，本篇文章对常见的跨域解决方案做一个记录。
springboot跨域请求
04-26
如何解决？ 要在Spring Boot中允许跨域请求，可以采取以下两个措施： 1.使用@CrossOrigin注释：在Controller层的相应方法上添加@CrossOrigin注释，如下所示： @CrossOrigin(origins = "http://localhost:8080") @GetMapping("/hello") public String sayHello() { return "Hello World!"; } 2.使用WebMvcConfigurer：可以在Spring Boot的配置类中使用WebMvcConfigurer来配置跨域请求，如下所示： @Configuration public class WebMvcConfig implements WebMvcConfigurer { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/api/**") .allowedOrigins("http://localhost:8080") .allowedMethods("GET", "POST") .allowCredentials(false) .maxAge(3600); } } 其中，addMapping()方法中的参数表示URL模式，allowedOrigins()方法指定允许跨域请求的来源，allowedMethods()方法指定允许的请求方式，allowCredentials()方法指定是否允许发送Cookie等认证信息，maxAge()方法指定最大缓存时间。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值