跨域的问题排查

本文讲述了新员工入职第一天遇到的跨域和权限认证问题,通过深入解析并实现了一个Spring Boot的自定义CORS过滤器,重点强调了Order注解在控制过滤器优先级的作用,以及前端请求完整过滤链的理解。

刚入职的第一天,就碰到了一个问题就是跨域加上权限认证的问题,排查了一天的问题,最后通过

import org.springframework.core.Ordered;
import org.springframework.core.annotation.Order;
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;

@Order(Ordered.HIGHEST_PRECEDENCE)
@Component
@WebFilter(filterName = "corsFilter", urlPatterns = {"/*"})
class CustomCorsConfiguration implements Filter {
    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain filterChain) throws IOException,ServletException {
        HttpServletResponse response = (HttpServletResponse) res;
        HttpServletRequest  reqs=(HttpServletRequest)req ;
        response.setHeader("Access-Control-Allow-Origin", reqs.getHeader("Origin"));
        response.setHeader("Access-Control-Allow-Credentials","true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE, PUT");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Content-Type,Access-Token,Authorization,X-Requested-with");

        if("OPTIONS".equalsIgnoreCase(((HttpServletRequest)req).getMethod())){
            response.setStatus(HttpServletResponse.SC_OK);
        }else{
            filterChain.doFilter(req, res);
        }

    }

}

主要是order注解,控制过滤器的权限最高

最后,还需要思考的是从前端发起请求,怎么才算是一个完整的过滤链?order的注解的原理是什么?

 

 

在真机上排查问题可以按照以下步骤操作: 1. **查看控制台错误信息**:打开手机的浏览器开发者工具(通常是通过右键点击页面选择“检查”或“Inspect Element”,或者在Android的Chrome浏览器中按F12),找到`Network`或类似标签页,查找是否有关于的错误提示,比如"Cross-Origin Request Blocked"。 2. **检查`Access-Control-Allow-Origin`**:在服务器响应头中,`Access-Control-Allow-Origin`字段很重要。确保它包含了允许发起请求的源,如果是*通配符(*)则表示所有来源都可以,但一般推荐特定的名。 3. **禁用浏览器的同源策略**:临时关闭浏览器的同源策略(例如在Chrome中输入`chrome://flags/#disable-web-security`然后重启),看看API能否正常访问。如果能,则说明是同源策略引起的,需要调整服务器配置。 4. **模拟真实请求头**:有些API可能会基于请求头中的`Origin`字段来判断是否允许,你可以尝试手动添加请求头,模拟真实的请求环境。 5. **更改代理服务器**:如果你的开发环境设置了代理服务器,可能需要关闭或配置成允许。 6. **检查DNS记录**:确保服务器名和网络中解析的IP地址一致,否则也可能造成问题。 7. **测试其他浏览器**:有时候个别浏览器会有特殊的规则,尝试换一个浏览器测试可以帮助发现问题。 通过以上步骤,应该能找到大部分问题的原因并进行解决。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值