SpringBoot跨域Access-Control-Allow-Origin实现解析

时间:2021-04-02 人气:17

这篇文章主要介绍了SpringBoot跨域Access-Control-Allow-Origin实现解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下

跨域（CORS）是指不同域名之间相互访问。

跨域，指的是浏览器不能执行其他网站的脚本，它是由浏览器的同源策略所造成的，是浏览器对于JavaScript所定义的安全限制策略。

只要协议，子域名，主域名，端口号有一项不同，就属于跨域

跨域的解决方法

前端：

使用jsonp

后端：

实现WebMvcConfigurer接口

在需要跨域访问的类和方法中设置允许跨域访问（注解）

服务端设置Response Header（Fiter）

（1）实现WebMvcConfigurer接口

通过实现WebMvcConfigurer接口中的addCorsMappings()方法来实现跨域

@Configuration
public class WebMvcConfig implements WebMvcConfigurer{
  //解决跨域问题
  @Override
  public void addCorsMappings(CorsRegistry registry) {
    registry.addMapping("/**")
        .allowedOrigins("*")
        .allowCredentials(true)
        .allowedMethods("GET", "POST", "DELETE", "PUT")
        .maxAge(3600);
  }
 }

（2）注解

使用@CrossOrigin注解声明类和方法允许跨域访问

该注解可以实现方法级别的细粒度的跨域控制。可以在类或者方添加该注解。

如果在类上添加该注解，该类下的所有接口都可以通过跨域访问；

如果在方法上添加注解，那么只限于加注解的方法可以访问。

@CrossOrigin
@RestController
@RequestMapping("/api/ppt")
public class PPTOperation {

  @PostMapping("/combine")
  public Result combine(@RequestBody JSONObject jsonParam) {
  
     ……
  }
}

（3）实现Fiter接口

通过实现Fiter接口在请求中添加一些Header来解决跨域的问题

@Component
public class CorsFilter implements Filter {

  @Override
  public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain)
      throws IOException, ServletException {
    HttpServletResponse res = (HttpServletResponse) response;
    res.addHeader("Access-Control-Allow-Credentials", "true");
    res.addHeader("Access-Control-Allow-Origin", "*");
    res.addHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT");
    res.addHeader("Access-Control-Allow-Headers", "Content-Type,X-CAF-Authorization-Token,sessionToken,X-TOKEN");
    if (((HttpServletRequest) request).getMethod().equals("OPTIONS")) {
      response.getWriter().println("ok");
      return;
    }
    chain.doFilter(request, response);
  }
  @Override
  public void destroy() {
  }
  @Override
  public void init(FilterConfig filterConfig) throws ServletException {
  }
}

您可能感兴趣的文章:

加载全部内容