跨域请求问题

本是古典何须时尚 2022-05-26 07:29 262阅读 0赞

SpringMVC框架如何解决跨域问题（4.2以上版本）。

什么是跨域  
跨域，即跨站HTTP请求(Cross-site HTTP request)，指发起请求的资源所在域不同于请求指向资源所在域的HTTP请求。

跨域的应用情景  
当使用前后端分离，后端主导的开发方式进行前后端协作开发时，常常有如下情景：  
后端开发完毕在服务器上进行部署并给前端API文档。  
前端在本地进行开发并向远程服务器上部署的后端发送请求。  
在这种开发过程中，如果前端想要一边开发一边测试接口，就需要使用跨域的方式。

通过注解的方式允许跨域  
非常简单，我们可以在Controller类或其方法上加@CrossOrigin注解，来使之支持跨域。  
举例：

[?][Link 1]

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div> 
    <div>
      5 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>@CrossOrigin</code> 
      <code>(origins = </code> 
      <code>"*"</code> 
      <code>, maxAge = </code> 
      <code>3600</code> 
      <code>)</code> 
     </div> 
     <div> 
      <code>@RestController</code> 
     </div> 
     <div> 
      <code>@RequestMapping</code> 
      <code>(</code> 
      <code>"/User"</code> 
      <code>)</code> 
     </div> 
     <div> 
      <code>public</code> 
      <code>class</code> 
      <code>UserController { </code> 
     </div> 
     <div> 
      <code>}</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

其中origins为CrossOrigin的默认参数，即跨域来源，\*即任何来源，也可以是其他域名。即可以以以下形式：

> @CrossOrigin(“https://test.com“)  
> @CrossOrigin(origins=”https://test.com”,maxAge=3600)  
> 该注解用于方法上，写法相同，处理时，SpringMVC会对类上标签和方法上标签进行合并。

=========

> 4 通过配置文件的方式允许跨域  
> 在web.xml中添加如下配置：

<table> 
 <tbody> 
  <tr> 
   <td> 
    <div>
      1 
    </div> 
    <div>
      2 
    </div> 
    <div>
      3 
    </div> 
    <div>
      4 
    </div></td> 
   <td> 
    <div> 
     <div> 
      <code>&lt;filter-mapping&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;filter-name&gt;CorsFilter&lt;/filter-name&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;url-pattern&gt;/*&lt;/url-pattern&gt;</code> 
     </div> 
     <div> 
      <code>&nbsp;&nbsp;&nbsp;</code> 
      <code>&lt;/filter-mapping&gt;</code> 
     </div> 
    </div></td> 
  </tr> 
 </tbody> 
</table>

使用这个Filter即可让整个服务器全局允许跨域。

5一般跨域设置

response.setHeader("Access-Control-Allow-Origin", "\*");

[Link 1]: https://www.2cto.com/kf/201710/687374.html#