springboot2.0+拦截器(解决前后端分离时产生的跨域问题)

/**
** 自定义拦截器
**/
@Component
public class MyInterceptor implements HandlerInterceptor { //实现原生拦截器的接口

@Autowired
private RedisTemplate redisTemplate;

@Override
public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler)
        throws Exception {
	if(request.getHeader("token")!=null){
	 	redisTemplate.expire(request.getHeader("token"), 30, TimeUnit.MINUTES);
	}
    //进行逻辑判断,如果ok就返回true,不行就返回false,返回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 {

}

}

/**
** 拦截器配置
/
@Configuration
public class InterceptorConfig extends WebMvcConfigurationSupport {
// 以下WebMvcConfigurerAdapter 比较常用的重写接口
// /
添加拦截器 /
// void addInterceptors(InterceptorRegistry registry);
// /
这里配置视图解析器 /
// void configureViewResolvers(ViewResolverRegistry registry);
// /
配置内容裁决的一些选项 /
// void configureContentNegotiation(ContentNegotiationConfigurer configurer);
// /
视图跳转控制器 /
// void addViewControllers(ViewControllerRegistry registry);
// /
静态资源处理 /
// void addResourceHandlers(ResourceHandlerRegistry registry);
// /
默认静态资源处理器 **/
// void configureDefaultServletHandling(DefaultServletHandlerConfigurer configurer);

@Autowired
private MyInterceptor interceptor;

/**
 *
 * 功能描述:
 *  配置静态资源,避免静态资源请求被拦截
 */
public void addResourceHandlers(ResourceHandlerRegistry registry) {
    registry.addResourceHandler("/static/**")
            .addResourceLocations("classpath:/static/");
    registry.addResourceHandler("/templates/**")
            .addResourceLocations("classpath:/templates/");
    super.addResourceHandlers(registry);
}

public void addInterceptors(InterceptorRegistry registry) {
    registry.addInterceptor(interceptor)
            //addPathPatterns 用于添加拦截规则
            .addPathPatterns("/**")
            //excludePathPatterns 用于排除拦截
            //项目启动测试接口
            .excludePathPatterns("/")         
             //获取用户详情
            .excludePathPatterns("/getUers");
    super.addInterceptors(registry);
}

/** 解决跨域问题 **/
@Override
public void addCorsMappings(CorsRegistry registry) {
	registry.addMapping("/**")// 允许跨域访问的路径
	.allowedOrigins("*")// 允许跨域访问的源
	.allowedMethods("POST", "GET", "PUT", "OPTIONS", "DELETE")// 允许请求方法
	.maxAge(168000)// 预检间隔时间
	.allowedHeaders("*")// 允许头部设置
	.allowCredentials(true);// 是否发送cookie
}

}

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Spring Boot和Vue前后端分离的项目中,当前端Vue通过ajax或axios请求后端的API,会经常遇到跨域问题。 跨域是由于同源策略(Same Origin Policy)导致的,即浏览器限制了在不同源之间进行通信(不同源指协议、域名、端口号任意一个不同)。解决跨域问题的方法有很多,这里介绍一种常见的处理方式。 在Spring Boot后端配置中,我们可以通过添加一个跨域配置类来实现对请求跨域的处理。首先创建一个类,命名为CorsConfig(跨域配置类名可自定义),并在该类上加上@Configuration注解。然后在类中添加一个方法addCorsMappings,使用@CrossOrigin注解配置允许跨域的规则。例如可以设置允许所有来源(origin)、所有方法(methods)和所有请求头部(allowedHeaders),如下所示: @Configuration public class CorsConfig { @Bean public WebMvcConfigurer corsConfigurer() { return new WebMvcConfigurerAdapter() { @Override public void addCorsMappings(CorsRegistry registry) { registry.addMapping("/**") .allowedOrigins("*") .allowedMethods("*") .allowedHeaders("*"); } }; } } 这样就实现了对所有请求的跨域访问授权。在allowedOrigins方法中可配置指定的允许来源,如指定某个特定的域名;allowedMethods方法可配置允许的请求方法,如GET、POST等;allowedHeaders方法可配置允许携带的请求头信息。 在Vue前端项目中,可以在开发环境中通过配置代理实现请求转发来解决跨域问题。在vue.config.js(Vue的配置文件)中,添加以下代码: module.exports = { devServer: { proxy: { '/api': { target: 'http://localhost:8080', // 后端API地址 ws: true, changeOrigin: true } } } } 以上代码表示将以/api开头的请求转发到http://localhost:8080地址,并开启WebSocket和改变请求的源地址。这样前端项目就可以通过/api访问后端API,而不用担心跨域问题。 这样,我们就能够很方便地解决Spring Boot和Vue前后端分离项目中的请求API跨域问题
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值