08 SpringMVC跨域请求

野性酷女 2023-09-27 08:08 127阅读 0赞

**目录**

一、SpringMVC跨域请求\_同源策略

二、SpringMVC跨域请求\_跨域请求

三、SpringMVC跨域请求\_控制器接收跨域请求

--------------------

## 一、SpringMVC跨域请求\_同源策略 ##

![68bb2d8b369b4bef8e11eaccc835525b.png][]

同源策略是浏览器的一个安全功能。**同源，指的是两个URL****的协议，域名，端口相同。**浏览器出于安全方面的考虑，**不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源。**

> ### 哪些不受同源策略限制： ###
> 
> 1.页面中的<a>标签跳转，表单提交不会受到同源策略限制的。
> 
> 2.静态资源引入也不会受到同源策略限制。如嵌入到页面中的<script src="">,<img src="">,<link href="">等。
> 
> **最容易受到同源策略影响的是Ajax请求。**

## 二、SpringMVC跨域请求\_跨域请求 ##

![2fe38c84958f4271874e7b0f2e71c3a8.png][]

当请求URL的协议、域名、端口三者中任意一个与当前页面URL不同时即为跨域。浏览器执行JavaScript脚本时，会检查当前请求是否同源，如果不是同源资源，就不会被执行。

<table style="width:500px;"> 
 <tbody> 
  <tr> 
   <td>当前页面URL</td> 
   <td>被请求页面URL</td> 
   <td>是否跨域</td> 
   <td>原因</td> 
  </tr> 
  <tr> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com/ </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com/index.h </span> 
    </div> 
    <div> 
     <span style="color:#4183c4;">tml </span> 
    </div> </td> 
   <td>否</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com/ </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#4183c4;">https://www.itbaizhan.com/index. </span> 
    </div> 
    <div> 
     <span style="color:#4183c4;">html </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">跨域 </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">协议不同 </span> 
    </div> </td> 
  </tr> 
  <tr> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com/ </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.baidu.com/ </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">跨域 </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">主域名不 </span> 
    </div> 
    <div> 
     <span style="color:#333333;">同 </span> 
    </div> </td> 
  </tr> 
  <tr> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com/ </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://itbz.itbaizhan.com/</span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">跨域 </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">子域名不 </span> 
    </div> 
    <div> 
     <span style="color:#333333;">同 </span> 
    </div> </td> 
  </tr> 
  <tr> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com:8 </span> 
    </div> 
    <div> 
     <span style="color:#4183c4;">080/ </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#4183c4;">http://www.itbaizhan.com:7001/</span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">跨域 </span> 
    </div> </td> 
   <td> 
    <div> 
     <span style="color:#333333;">端口号不 </span> 
    </div> 
    <div> 
     <span style="color:#333333;">同 </span> 
    </div> </td> 
  </tr> 
 </tbody> 
</table>

**比如：**

**1.编写控制器方法MyController3**

@Controller
    public class MyController3 {
    
        @RequestMapping("/m3")
        @ResponseBody
        public String m3(Model model){
            System.out.println("测试跨域请求");
            return "success";
        }
    }

**2.编写JSP页面，发送异步请求**

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
    <html>
    <head>
        <title>跨域请求</title>
        <script src="/js/jquery-2.1.1.min.js"></script>
        <script>
            $(function () {
                $("#btn").click(function () {
                    $.get("http://localhost:8080/m3",function (data) {
                        console.log(data);
                    })
                })
            })
        </script>
    </head>
    <body>
    <button id="btn">异步请求</button>
    </body>
    </html>

> ### 结果：  ###
> 
> 当浏览器通过 http://localhost:8080/cross.jsp 访问 JSP 页面时 
> 
> http://localhost:8080/m3  能发送异步请求； 
> 
> http://127.0.0.1:8080/m3  由于同源无法发送异步请求，报以下异常：

## 三、SpringMVC跨域请求\_控制器接收跨域请求 ##

![73df6f8888d14823aa3cd75a5cb3a045.png][]

SpringMVC提供了注解@CrossOrigin解决跨域问题。用法如下：

@Controller
    public class MyController3 {
    
        @RequestMapping("/m3")
        @ResponseBody
        //如果请求从http://localhost:8080发出，则允许跨域访问
        @CrossOrigin("http://localhost:8080")
        public String m3(Model model){
            System.out.println("测试跨域请求");
            return "success";
        }
    }

[68bb2d8b369b4bef8e11eaccc835525b.png]: https://img-blog.csdnimg.cn/68bb2d8b369b4bef8e11eaccc835525b.png
[2fe38c84958f4271874e7b0f2e71c3a8.png]: https://img-blog.csdnimg.cn/2fe38c84958f4271874e7b0f2e71c3a8.png
[73df6f8888d14823aa3cd75a5cb3a045.png]: https://img-blog.csdnimg.cn/73df6f8888d14823aa3cd75a5cb3a045.png