亲宝软件园·资讯

展开

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

人气: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 {
  }
}
您可能感兴趣的文章:

加载全部内容

相关教程
猜你喜欢
用户评论