jquery ajax 设置header踩得坑

旧城等待， 2022-03-07 11:56 1014阅读 0赞

$("#test").click(function() {
         $.ajax({
             type: "GET",
             url: "url",
             beforeSend: function(request) {
                request.setRequestHeader("token","******");
             },
             success: function(result) {
                 alert(result);
             }
         });
     });

很简单的ajax请求，因为涉及到跨域，服务器我也做了处理

1、@CrossOrigin(origins = "*", maxAge = 3600)
    
    2、 //支持跨域请求
        @Override
        public void addCorsMappings(CorsRegistry registry) {
            registry.addMapping("/**")
                    .allowedOrigins("*")
                    .allowCredentials(true)
                    .allowedMethods("GET", "POST", "DELETE", "PUT")
                    .maxAge(3600);
        }
    
    3、response.setHeader("Access-Control-Allow-Origin", "*");  
            response.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE");  
            response.setHeader("Access-Control-Max-Age", "3600");  
            response.setHeader("Access-Control-Allow-Headers", "x-requested-with, Content-Type");  
            response.setHeader("Access-Control-Allow-Credentials", "true");

这三种方法都没成功 普通方法可以获取，但是拦截器获取不到token 然后看了[https://blog.csdn.net/qq\_35860138/article/details/85340769][https_blog.csdn.net_qq_35860138_article_details_85340769]这篇文章最后才得到解决 拦截器里面加了这段代码

if (httpServletRequest.getMethod().equals("OPTIONS")) {
        httpServletResponse.setStatus(HttpServletResponse.SC_OK);
        return true;
    }

[https_blog.csdn.net_qq_35860138_article_details_85340769]: https://blog.csdn.net/qq_35860138/article/details/85340769

发表评论取消回复

表情：

评论列表（有 0 条评论，1014人围观）

还没有评论，来说两句吧...

相关阅读

相关 webuploader插件，我踩得坑

我在目前的公司做的项目要么是原生写法去做项目，要么就是vue+webpack做项目，但是vue这部分只是用了模板template，vue其他的都没用。有一个项目需要做上传图

逃离我推掉我的手/ 2023年06月24日 04:52/ 0 赞/ 89 阅读

相关 jQuery attr踩坑记录

使用attr添加 selected 和 checked 属性在某个项目中，要根据每个item的不同的条件对radio的`checked`进行赋值， `$(“input

水深无声/ 2022年11月15日 01:27/ 0 赞/ 264 阅读

相关 ajax请求设置header

$.ajax({ url: "http://abc.de.com", dataType: 'json', type

我就是我/ 2022年06月09日 08:58/ 0 赞/ 246 阅读

相关配置jdk踩得坑

java网上各种配置jdk环境，即使配置后通过java -version 能够正确的显示java版本，也是有毛病的，最近就踩了一个不大不小的坑。在这里做一下记录，方便以后查看

「爱情、让人受尽委屈。」/ 2022年05月27日 06:54/ 0 赞/ 195 阅读

相关 JQuery ajax设置Request Headers实例

最近在为某神秘OJ测试接口，其中一项是需要用到请求头token,即在用户登陆后，后台给它分配一个token,返回给前端，之后该用户每次请求都需要在http头部加上请求头！

分手后的思念是犯贱/ 2022年05月14日 14:30/ 0 赞/ 197 阅读

相关 jquery ajax设置header

一、setting参数 headers <script> function t1() { $.ajax({

红太狼/ 2022年04月25日 02:56/ 0 赞/ 432 阅读

相关 Jquery ajax 设置header

<script type="text/javascript" language="javascript"> var csrfP

我会带着你远行/ 2022年03月27日 07:50/ 0 赞/ 215 阅读

相关 jquery ajax 设置header踩得坑

$("test").click(function() { $.ajax({ type: "GET",

旧城等待，/ 2022年03月07日 11:56/ 0 赞/ 1015 阅读

相关 jQuery AJAX 设置header 跨域 || 不跨域

一.ajax请求，没有跨域，设置http header头部 $.ajax({ type: "post",

叁歲伎倆/ 2022年02月01日 23:37/ 0 赞/ 1440 阅读

相关 Nuxt使用cookies踩坑之设置axios的header

情景介绍：公司中有一个类似单点登录的项目，主系统中有登录后username和token，存放在浏览器的cookies中，现在改造的子系统需要拿到这两个cookie值，再通过ax

墨蓝/ 2022年01月19日 06:05/ 0 赞/ 1305 阅读