2019-05-13 使用X5制作页面调SpringBoot（EasyWeb）接口遇到的登录问题

【最初做法】

1. 跟平时一样写Spring Boot的Controller

2. X5页面使用Ajax调用

3. 处理跨域请求问题

【初步结果】

第一个调用的是登录接口，没有问题

第二个是查询列表，可是浏览器控制台打印的结果是EasyWeb中的登录页代码（也就是需要重新登录）

【问题分析】

打开Network查看请求信息

 

 可以看到的是后面的请求并没有带上cookie，所以导致需要重新登录；而且我发现cookie有个HttpOnly属性，经过查看资料发现这是跨域时候，浏览器为了安全起见，不允许跨域访问cookie

【问题解决】

通过CORS方式处理（也有JSONP等的处理方式，我没去试）

1. 修改跨域时候的CORS配置类

    @Bean
    public FilterRegistrationBean corsFilter() {
        UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
        CorsConfiguration config = new CorsConfiguration();
        config.setAllowCredentials(true);
       
        config.addAllowedOrigin("*");
        config.addAllowedHeader("*");
        config.addAllowedMethod("*");
        
        
        source.registerCorsConfiguration("/**", config);
        FilterRegistrationBean bean = new FilterRegistrationBean(new CorsFilter(source));
        bean.setOrder(0);
        return bean;
    }

红色部分；网友说AllowedOrigin只能填单一的地址，不能用通配符，可是我直接用通配符也可以

 2. 前端ajax需要增加请求头参数

    Model.prototype.button1Click = function(event){
         var me = this;
         var row = this.comp("data1").getCurrentRow();
         $.ajax({
             type: "post",
             url: "http://192.168.2.11:8089/login",
             data: {
                 username:row.val("username"), 
                 password:row.val("password"), 
                 code:row.val("code")
             },
             dataType: "json",
             async:false, 
             success: function(data){
            
                 if(data.code==200){
                     justep.Util.hint(data.msg,{"delay":1000});
                     me.comp("windowDialog1").open({"src":"$UI/demo1/mainActivity.w"});

                 }else{
                     justep.Util.hint(data.msg, {type:"danger","delay":1000});
                 }
             },
             
             beforeSend: function(xhr) { 
                  xhr.withCredentials = true; 
             }, 
             
            xhrFields: {
                withCredentials: true 
            },
         });

    };

绿色部分设置了无效，可能是不同浏览器设置的方式不同，我用的谷歌浏览器，所以把绿色部分去掉也行，只有设置红色部分才有效

其他请求方式可以参考别人的https://www.cnblogs.com/nuccch/p/7875189.html