拦截器解决跨域问题

简介: 拦截器解决跨域问题

大家平时在项目开发中遇到跨域问题是怎么解决的呢?

我相信有很多小伙伴就会回答:在Controller加上@CrossOrigin就可以啦!

但我们知道,在企业开发中,会有很多个controller,controller数量多也便于维护和查找控制层代码

那有没有一种方式能解决这种繁琐的问题呢?答案是肯定的!

下面介绍如何用JSONP解决跨域问题,哦不是用拦截器解决hh

package com.ruben.controller.interceptor;
import org.springframework.http.HttpStatus;
import org.springframework.web.bind.annotation.RequestMethod;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
@Component
public class CrossOriginIntercept implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
        response.setHeader("Access-Control-Allow-Methods", "GET,POST,OPTIONS,PUT,DELETE");
        response.setHeader("Access-Control-Allow-Headers", ((HttpServletRequest) request).getHeader("Access-Control-Request-Headers"));
        //跨域时首先会发送一个option请求,这里我们给option请求直接返回正常状态
        if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
            response.setStatus(HttpStatus.OK.value());
            return false;
        }
        return true;
    }
    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
    }
    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
    }
}

然后如果是springboot项目,需要写个webconfig引入一下

@EnableWebMvc
@Configuration
public class WebConfig implements WebMvcConfigurer {
    @ac
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(crossOriginIntercept).addPathPatterns("/**").excludePathPatterns("/static/**");
    }
}

如果是spring项目,需要在springmvc.xml中引入

<!-- 拦截器3  跨域问题 -->
    <mvc:interceptors>
        <mvc:interceptor>
            <mvc:mapping path="/**"/>
            <bean class="com.ruben.controller.interceptor.CrossOriginIntercept"></bean>
        </mvc:interceptor>
    </mvc:interceptors>

看到这里就有小伙伴想说了:就这?跨域问题就能解决了?

对没错!就这!当然还有其他的方式,比如用一个nginx反向代理,用上面提到的@CrossOrigin注解,用JSONP等等,但我还是喜欢拦截器这种方式,因为其好处有三:

一、一次配置,之后无忧

二、减轻前端工作压力,不用担心跨域问题

相关文章
|
11月前
|
前端开发 JavaScript
请求拦截器的使用
请求拦截器的使用
92 0
|
2月前
|
存储 JSON JavaScript
跨域问题
跨域问题
56 1
|
10月前
|
JSON 前端开发 JavaScript
解决跨域问题
解决跨域问题
|
5月前
|
中间件
16_响应拦截器
16_响应拦截器
39 0
|
10月前
Axios 拦截器 请求拦截器 响应拦截器
Axios 拦截器 请求拦截器 响应拦截器
|
安全 Java Spring
使用过滤器跨域问题
使用过滤器跨域问题
117 0
|
Web App开发 JSON 前端开发
跨域问题总结
跨域问题总结
1025 0
跨域问题总结
|
JSON Android开发 数据格式