个人中心
gpt4 book ai didi

Spring Boot 2.X优雅的解决跨域问题

转载 作者：qq735679552 更新时间：2022-09-28 22:32:09 29 4
gpt4 key购买 nike

CFSDN坚持开源创造价值，我们致力于搭建一个资源共享平台，让每一个IT人在这里找到属于你的精彩世界.

这篇CFSDN的博客文章Spring Boot 2.X优雅的解决跨域问题由作者收集整理，如果你对这篇文章有兴趣，记得点赞哟.

1、什么是源和跨域 。

源（origin）就是协议、域名和端口号.

url由协议、域名、端口和路径组成，如果两个url的协议、域名和端口全部相同，则表示他们同源。否则，只要协议、域名、端口有任何一个不同，就是跨域.

对https://www.baidu.com/index.html进行跨域比较:

  。

url 是否跨域 原因
https://www.baidu.com/more/index.html 不跨域 三要素相同
https://map.baidu.com/ 跨域 域名不同
http://www.baidu.com/index.html 跨域 协议不同
https://www.baidu.com:81/index.html 跨域 端口号不同

  。

随着前后端分离开发的越来越普及，会经常遇到跨域的问题，当我们在浏览器中看到这样的错误时，就需要意识到遇到了跨域:

Spring Boot 2.X优雅的解决跨域问题

2、什么是同源策略?

同源策略（same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现.

同源策略又分为以下两种:

  • dom同源策略：禁止对不同源页面dom 进行操作。这里主要场景是iframe跨域的情况，不同域名的iframe是限制互相访问的。
  • xmlhttprequest同源策略：禁止使用xhr对象向不同源的服务器地址发起http请求。

3、spring boot跨域解决方案 。

本例使用spring boot 2.1.2.release演示，分别用8080和8081端口启动，部分代码如下:

跨域页面：testotherdomain.html 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!doctype html>
<html lang= "en" >
<head>
  <meta charset= "utf-8" >
  <title>不同域名-java碎碎念</title>
</head>
<body>
<button id= "b1" >点我测试</button>
<script src= "https://cdn.bootcss.com/jquery/3.3.1/jquery.js" ></script>
<script>
  $( "#b1" ).click(function () {
   $.ajax({
    url: "http://localhost:8081/hello" ,
    type: "post" ,
    success:function (res) {
     console.log(res);
    }
   })
  });
</script>
</body>
</html>

接口类：hellocontroller 。

?
1
2
3
4
5
6
7
8
9
10
11
12
package com.example.hellospringboot.controller;
 
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;
 
@restcontroller
public class hellocontroller {
  @requestmapping ( "/hello" )
  public string hellospring (){
   return "hello java碎碎念！" ;
  }
}

未解决跨域前运行截图:

Spring Boot 2.X优雅的解决跨域问题

在spring boot 2.x应用程序中可以使用注解@crossorigin，也可以通过使用webmvcconfigurer对象来定义全局cors配置.

1、@crossorigin注解示例代码 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
package com.example.hellospringboot.controller;
 
import org.springframework.web.bind.annotation.crossorigin;
import org.springframework.web.bind.annotation.requestmapping;
import org.springframework.web.bind.annotation.restcontroller;
 
@restcontroller
public class hellocontroller {
 
  @crossorigin
  @requestmapping ( "/hello" )
  public string hellospring (){
   return "hello java碎碎念！" ;
  }
}

2. webmvcconfigurer对象示例代码 。

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
package com.example.hellospringboot.config;
 
import org.springframework.context.annotation.bean;
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 myconfiguration {
  @bean
  public webmvcconfigurer corsconfigurer() {
   return new webmvcconfigurer() {
    @override
    public void addcorsmappings(corsregistry registry) {
     registry.addmapping( "/*" )
        .allowedorigins( "*" )
        .allowcredentials( true )
        .allowedmethods( "get" , "post" , "delete" , "put" , "patch" )
        .maxage( 3600 );
    }
   };
  }
}

按照上面两种方式的一种配置完成后，即可实现对跨域的支持，运行成功截图如下:

Spring Boot 2.X优雅的解决跨域问题

完整源码地址：https://github.com/suisui2019/hellospringboot 。

总结 。

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作具有一定的参考学习价值，谢谢大家对我的支持.

原文链接：https://www.cnblogs.com/haha12/archive/2019/03/20/10564972.html 。

最后此篇关于Spring Boot 2.X优雅的解决跨域问题的文章就讲到这里了,如果你想了解更多关于Spring Boot 2.X优雅的解决跨域问题的内容请搜索CFSDN的文章或继续浏览相关文章，希望大家以后支持我的博客！ 。

29 4 0
文章推荐： js实现随机点名功能
文章推荐： jquery实现鼠标悬浮弹出气泡提示框
文章推荐： vue下拉刷新组件的开发及slot的使用详解
文章推荐： 浅谈Java设计模式系列-装饰器模式
qq735679552
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com