栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

SpringBoot处理Cors跨域请求的几种方法

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

SpringBoot处理Cors跨域请求的几种方法

Error:

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-YoV8DwXW-1650725515871)(https://ask8088-private-1251520898.cn-south.myqcloud.com/developer-images/article/9695062/44vj5udadr.png?q-sign-algorithm=sha1&q-ak=AKID2uZ1FGBdx1pNgjE3KK4YliPpzyjLZvug&q-sign-time=1650725461;1650732661&q-key-time=1650725461;1650732661&q-header-list=&q-url-param-list=&q-signature=86856d88265463a57d2196169061adebd06384db)]

Access to XMLHttpRequest at 'http://localhost:8080/store/users/reg' from origin 'http://localhost:52972' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
原因

浏览器出于安全考虑,使用XMLHttpRequest对象发起HTTP请求时必须遵守同源策略(要求源相同才能正常进行通信,即协议,域名,端口号都完全一致)
同源策略限制了从同一个源加载的文档或脚本如何与来自另一个源的资源进行交互。这是一个用于隔离潜在恶意文件的重要安全机制。

方案 方案一 直接采用SpringBoot的注解@CrossOrigin(支持SpringMvc)

在Control层需要跨域的方法或类上增加注解@CrossOrigin

该注解可继承

@RestController//以json数据格式响应到前端
@RequestMapping("/users")
public class UserController extends BaseController{

    @Autowired
    public IUserService userService;

    @RequestMapping("/reg")
    @CrossOrigin
    public JsonResult reg(User user){
        JsonResult result=new JsonResult<>();
        userService.register(user);
        result.setState(200);
        result.setMessage("注册成功");
        return result;
    }
}
方法二、处理跨域请求的Configuration
增加一个配置类,CrossOriginConfig.java。继承WebMvcConfigurerAdapter或者实现WebMvcConfigurer接口,其他都不用管,项目启动时,会自动读取配置。
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 {
    static final String ORIGINS[] = new String[] { "GET", "POST", "PUT", "DELETE" };
    @Override
    public void addCorsMappings(CorsRegistry registry) {
        registry.addMapping("/**").allowedOrigins("*").allowCredentials(true).allowedMethods(ORIGINS).maxAge(3600);
    }
方法三、采用过滤器(filter)的方式

同方法二加配置类,增加一个CORSFilter 类,并实现Filter接口即可,其他都不用管,接口调用时,会过滤跨域的拦截。

 @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 {

}

}
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/831544.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号