SpringBoot过滤器
客服端与web资源之间的请求和响应都通过过滤器进行过滤。比如web前端和服务端进行交互，但端口号又不一样，这样就存在了跨域问题，可以通过配置过滤器解决
声明：Filter有很多种，我们就用WebFilter来入门
老规矩，先看源码,发现Filter接口有三个方法需要我们实现
//
// Source code recreated from a .class file by IntelliJ IDEA
// (powered by FernFlower decompiler)
//
package javax.servlet;
import java.io.IOException;
public interface Filter {
default void init(FilterConfig filterConfig) throws ServletException {
}
void doFilter(ServletRequest var1, ServletResponse var2, FilterChain var3) throws IOException, ServletException;
default void destroy() {
}
}
再来看一下WebFilter注解的源码
//
// Source code recreated from a .class file by IntelliJ IDEA
// (powered by FernFlower decompiler)
//
package javax.servlet.annotation;
import java.lang.annotation.Documented;
import java.lang.annotation.ElementType;
import java.lang.annotation.Retention;
import java.lang.annotation.RetentionPolicy;
import java.lang.annotation.Target;
import javax.servlet.DispatcherType;
@Target({ElementType.TYPE})
@Retention(RetentionPolicy.RUNTIME)
@Documented
public @interface WebFilter {
String description() default "";
String displayName() default "";
WebInitParam[] initParams() default {};
String filterName() default "";
String smallIcon() default "";
String largeIcon() default "";
String[] servletNames() default {};
String[] value() default {};
String[] urlPatterns() default {};
DispatcherType[] dispatcherTypes() default {DispatcherType.REQUEST};
boolean asyncSupported() default false;
}
然后我们再来自己配置一个过滤器
package com.newcrud.config;
import org.springframework.core.annotation.Order;
import org.springframework.stereotype.Component;
import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
@Order(1)
//如果我们有多个过滤器，那这个Order就可以指定优先级
@Component
//这里可以使用@Compent，也可以不加这个@Component，而是在@SpringBootApplication入口类上新增注解@ServletComponentScan。@Component也可以替换成@Configration
@WebFilter(urlPatterns = "/*",filterName = "myFilter")
public class MyFilter implements Filter {
@Override
public void init(FilterConfig filterConfig) throws ServletException {
System.out.println("我是过滤器的初始化方法init");
}
@Override
public void doFilter(ServletRequest var1, ServletResponse var2, FilterChain var3) throws IOException, ServletException {
System.out.println("我是过滤器的真正的执行方法doFilter，serverlet的请求，you are wanted one");
HttpServletResponse httpServletResponse=(HttpServletResponse)var2;
//允许的请求头字段
httpServletResponse.setHeader("Access-Control-Allow-Headers","Origin, X-Requested-With, Content-Type, Accept");
//是否允许后续请求携带认证信息（cookies）,该值只能是true,否则不返回
httpServletResponse.setHeader("Access-Control-Allow-Credentials", "true");
//指定允许其他域名访问
httpServletResponse.setHeader("Access-Control-Allow-Origin", "http://127.0.0.1:8070");
//参数 chain 为代表当前 Filter 链的对象。
var3.doFilter(var1,httpServletResponse);
System.out.println("我是过滤器的真正的执行方法doFilter，serverlet的请求，you are wanted two");
}
@Override
public void destroy() {
System.out.println("不行了，我要被销毁了");
}
}
再来写一个Controller
package com.newcrud.controller;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;
import java.util.HashMap;
import java.util.Map;
@RequestMapping("/filter")
@RestController
public class MyFilterController {
@GetMapping("/hello")
public Map<String,String> getMessage(){
Map<String,String> map=new HashMap<>();
map.put("result","hello filter");
return map;
}
}
再来加一个前端
<template>
<div>
<el-row>
<el-button type="primary" v-on:click="getMessage">主要按钮</el-button>
</el-row>
<span>{{message}}</span>
<h2></h2>
</div>
</template>
<script>
export default {
name: 'Filter',
data(){
return{
message:""
}
},
methods:{
getMessage:function(){
this.$axios({
url:'/api/filter/hello',
method:'get',
data:{
}
}).then(res=>{
this.message=res.data.result
})
}
}
}
</script>
<style scoped>
</style>
核心配置如下
devServer: {//这里需要注意，很多旧的教程都是devServerTable
open: process.platform === 'darwin',
disableHostCheck: true,
host: 'localhost',//这里就是在我们npn run serve启动后打开的网页的host
port: 8090,//这里就是在我们npn run serve启动后打开的网页的端口
https: false,
hotOnly: false,
proxy: {
'/api': {
target: 'http://127.0.0.1:8084/', // 目标url
changeOrigin: true, // 是否跨域
pathRewrite: {
'^/api': '' // 可以使用 /api 等价于 http://api.douban.com/v2
}
}
},
before: app => {}
}
结果如下,在Response Headers里已经有我们在过滤器中配置的内容了 未解决的问题：
1、 根本没有拦截住我来自vue端口为8090的请求哇，我明明配置的是8070
2、我尝试了将Filter去掉，发现也是可以请求的，好奇怪哇，真就随便跨域？
哦，对了，有忘了演示的内容 这样看来，明明请求已经到了过滤器这里，为什么就没拦截住呢，费解，求大神来答疑解惑
