解决浏览器扩展跨域请求被拦截问题

博客讲述了在开发中遇到的火狐浏览器跨域拦截问题,由于缺少CORS设置,导致从Chrome和Edge可以正常工作但在Firefox上失效。作者通过创建并实现了一个名为CorsFilter的Spring Filter,设置了Access-Control-Allow-*头信息,从而允许跨域请求,成功解决了火狐浏览器的拦截问题。
摘要由CSDN通过智能技术生成

项目场景:

我的easyScholar插件内置翻译功能。该功能的实现是携带文本发起get请求,调用我在阿里云的服务器接口获得数据。

问题描述:

在谷歌、edge浏览器能正常使用,但是在火狐却不能使用。
原来是被火狐跨域拦截了
原来是被火狐跨域拦截了,在火狐浏览器请求我自己的接口的时候,因为接口并没有设置跨域请求允许,所以浏览器认为不安全,就给拦截了,解决办法如下

解决方案:

新建CorsFilter()过滤器继承 Filter

package com.easyscholar.filter;

import org.springframework.stereotype.Component;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

@Component
public class CorsFilter implements Filter {

    @Override
    public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {
        HttpServletResponse response = (HttpServletResponse) res;

        HttpServletRequest reqs = (HttpServletRequest) req;

        response.setHeader("Access-Control-Allow-Origin","*");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, PATCH, DELETE, PUT");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
        chain.doFilter(req, res);
    }

    @Override
    public void init(FilterConfig filterConfig) {}

    @Override
    public void destroy() {}
}

请添加图片描述
能看的出来,问题已经得到解决

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值