解决问题后记一下 有不对的还请指正 因为我只是问题解决了 里面的好多细节还是没有摸透
前端用 ‘Content-Type’: ‘application/json’, 类型的参数请求网关时 会先发送一个OPTIONS请求 判断是否允许 跨域请求。如果允许才会发送真正的请求。
那我们按着这个套路 OPTIONS请求时 我们让他返回200 并且他的地址允许跨域访问。然后真正的POST请求过来的时候也允许他跨域访问
这个操作在自定义的Filter过滤器中执行 不要到我们的zuul过滤器中去执行。zuul里面去处理业务。这个Filter单纯解决这个跨域。而且Filter执行顺序在zuul之前
Filter代码
package com.seesea.seeseagateway.filter;
import org.springframework.stereotype.Component;
import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
/**
* @Description
* @Since JDK1.8
* @Createtime 2018/10/22 下午 11:30
* @Author xiechongyang
*/
@Component
@WebFilter
public class CrossFilter implements Filter {
@Override
public void init(FilterConfig filterConfig) throws ServletException {
}
@Override
public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
//啥请求都允许跨域
HttpServletResponse response = (HttpServletResponse) servletResponse;
HttpServletRequest request = (HttpServletRequest) servletRequest;
response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE, PATCH");
response.setHeader("Access-Control-Max-Age", "3600");
response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
response.setHeader("Access-Control-Allow-Headers", "Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token");
response.setHeader("Access-Control-Allow-Credentials", "true");
//如果是OPTIONS请求就return 往后执行会到业务代码中 他不带参数会产生异常
if (request.getMethod().equals("OPTIONS")) {
return;
}
//第二次就是POST请求 之前设置了跨域就能正常执行代码了
filterChain.doFilter(servletRequest, servletResponse);
}
@Override
public void destroy() {
}
}