首页 > 其他分享> 文章详细

springboot解决跨域问题(Cors)-处理方式

2022-01-04 07:00:06 阅读：172 来源： 互联网

标签：Control springboot public Access Allow Cors response 跨域

1、对于前后端分离的项目来说，如果前端项目与后端项目部署在两个不同的域下，那么势必会引起跨域问题的出现。

针对跨域问题，我们可能第一个想到的解决方案就是jsonp，并且以前处理跨域问题我基本也是这么处理。

但是jsonp方式也同样有不足，不管是对于前端还是后端来说，写法与我们平常的ajax写法不同，同样后端也需要作出相应的更改。并且，jsonp方式只能通过get请求方式来传递参数，当然也还有其它的不足之处，

jQuery ajax方式以jsonp类型发起跨域请求，其原理跟<script>脚本请求一样，因此使用jsonp时也只能使用GET方式发起跨域请求。跨域请求需要服务端配合，设置callback，才能完成跨域请求。

针对于此，我并没有急着使用jsonp的方式来解决跨域问题，去网上找寻其它方式，也就是本文主要所要讲的，在springboot中通过cors协议解决跨域问题。

2、Cors协议

H5中的新特性：Cross-Origin Resource Sharing（跨域资源共享）。通过它，我们的开发者（主要指后端开发者）可以决定资源是否能被跨域访问。

cors是一个w3c标准，它允许浏览器（目前ie8以下还不能被支持）像我们不同源的服务器发出xmlHttpRequest请求，我们可以继续使用ajax进行请求访问。

具体关于cors协议的文章，可以参考http://www.ruanyifeng.com/blog/2016/04/cors.html 这篇文章，讲的相当不错。

3、springboot中解决方案

a. 创建一个filter解决跨域。

@Component

public class SimpleCORSFilter implements Filter {

    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {

        HttpServletResponse response = (HttpServletResponse) res;

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

        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, HEAD");

        response.setHeader("Access-Control-Max-Age", "3600");

        response.setHeader("Access-Control-Allow-Headers", "access-control-allow-origin, authority, content-type, version-info, X-Requested-With");

 

        chain.doFilter(req, res);

    }

    public void init(FilterConfig filterConfig) {}

    public void destroy() {}

}

b. 基于WebMvcConfigurerAdapter配置加入Cors的跨域

import org.springframework.context.annotation.Configuration; 

import org.springframework.web.servlet.config.annotation.CorsRegistry; 

import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter; 

 

@Configuration 

public class CorsConfig extends WebMvcConfigurerAdapter { 

 

    @Override 

    public void addCorsMappings(CorsRegistry registry) { 

        registry.addMapping("/**") 

                .allowedOrigins("*") 

                .allowCredentials(true) 

                .allowedMethods("GET", "POST", "DELETE", "PUT") 

                .maxAge(3600); 

    } 

 

}

@CrossOrigin(origins = "http://192.168.1.10:8080", maxAge = 3600)

@RequestMapping("rest_index")

@RestController

public class IndexController{

如果你想做到更细致也可以使用@CrossOrigin这个注解在controller类中使用。

这样就可以指定该controller中所有方法都能处理来自http:19.168.1.10:8080中的请求。

第一种Filter的方案也支持springmvc。

第二种常用于springboot。

---------------------------------------------补充说明

三、如果多个位置设置跨域请求处理会报下面错误，请了细查找只保留一个地方跨域处理及可

Access to XMLHttpRequest at 'http://192.168.22.72:8081/getMsg' from origin 'null' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, null', but only one is allowed.

如
@Component
public class RequestInterceptor implements HandlerInterceptor 拦截器中返回结果时设置

private void setResult(HttpServletRequest request, HttpServletResponse response, Result result) {
response.setContentType("application/json; charset=UTF-8");
response.addHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
response.addHeader("Access-Control-Allow-Credentials", "true");
response.addHeader("Access-Control-Allow-Headers", "accessToken,traceID,productCode,productVersion,appKeySign,clientIP");
PrintWriter out = null;
try {
out = response.getWriter();
out.append(JSON.toJSON(result).toString());

} catch (IOException e) {
// logger.error("ValidateAPPKeyInterceptor setResult", e);
} finally {
if (out!=null) {
out.close();
}
}
}

并且所请求的控制器 @CrossOrigin 标注就会报错
@RestController
@CrossOrigin
public class TestController {

标签：Control,springboot,public,Access,Allow,Cors,response,跨域
来源： https://www.cnblogs.com/liyanbofly/p/15761148.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

springboot解决跨域问题(Cors)-处理方式

1、对于前后端分离的项目来说，如果前端项目与后端项目部署在两个不同的域下，那么势必会引起跨域问题的出现。