Ajax需要带头信息跨域问题的解决

 $.ajax({
       type:"get",
       url:"http://localhost:8082/index/getMsg",
       dataType:'json',
       headers: {
         "Content-Type": "application/x-www-form-urlencoded",
         "token":"token"
       },

       success:function(data){
         console.log(data)
         if(data.status == "0"){
           //登录成功
         }else {
           alert(data.msg)
         }
       },
       error:function(data){
         console.log(data)
       }

     });

前端代码

"Content-Type": "application/x-www-form-urlencoded",是必填项

response.setHeader("Access-Control-Allow-Origin", "*");
        String token = request.getHeader("token");
       // System.out.println("filter origin:"+token);//通过打印，可以看到一次非简单请求，会被过滤两次，即请求两次，第一次请求确认是否符合跨域要求（预检），这一次是不带headers的自定义信息，第二次请求会携带自定义信息。
        if ("OPTIONS".equals(request.getMethod())){//这里通过判断请求的方法，判断此次是否是预检请求，如果是，立即返回一个204状态吗，标示，允许跨域；预检后，正式请求，这个方法参数就是我们设置的post了
            response.setStatus(HttpStatus.SC_NO_CONTENT); //HttpStatus.SC_NO_CONTENT = 204
            response.setHeader("Access-Control-Allow-Methods", "POST, GET, DELETE, OPTIONS, DELETE");//当判定为预检请求后，设定允许请求的方法
            response.setHeader("Access-Control-Allow-Headers", "Content-Type,Authorization"); //当判定为预检请求后，设定允许请求的头部类型
            response.addHeader("Access-Control-Max-Age", "1");
            chain.doFilter(request, response);
            return;
        }

后台过滤器设置

此外控制层加入

@CrossOrigin注解