java前后端交互解决跨域问题

最新推荐文章于 2024-12-01 21:02:13 发布

小奇奇丶八哥

最新推荐文章于 2024-12-01 21:02:13 发布

阅读量586

点赞数

CC 4.0 BY-SA版权

分类专栏： java 一天一总结

本文链接：https://blog.youkuaiyun.com/u014473525/article/details/72637187

java 同时被 2 个专栏收录

4 篇文章

订阅专栏

一天一总结

2 篇文章

订阅专栏

本文介绍了一种前后端分离架构下解决跨域问题的方法。通过后台设置响应头允许特定源进行请求，并在前端使用Ajax携带凭证信息的方式实现跨域访问。此方案确保了不同域名间资源的安全交互。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

        //后台跨域处理
        //EG:"Access-Control-Allow-Origin", "*" 
        response.addHeader("Access-Control-Allow-Origin", "http://127.0.0.1:8020"); 
        response.addHeader("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT");
        response.addHeader("Access-Control-Allow-Headers", "Content-Type, Cookie");
        response.setHeader("Access-Control-Allow-Credentials", "true");

        //前端跨域处理
        function GetAjaxInfo(url,data,obj){
            var defaultsParam = {
                async:true,
                type:"POST",
                callback:function(res){

                },
                error:function(){
                    common.alert("系统异常");
                }
            }
            $.extend(defaultsParam, obj);

            var callbackRes = {};
                $.ajax({
                    type : defaultsParam.type,
                    url : baseURL+url,
                    **xhrFields**:{//这句话是必须加的这个地方加这个后台必须指定url地址不能用*
                        withCredentials:true
                    },
                    datatype : 'json',
                    data:data,
                    async:defaultsParam.async,
                    success : function(res) {
                        defaultsParam.callback(res);
                    },
                    error : function(){
                        defaultsParam.error();//系统异常默认处理
                    }
                });

                return callbackRes;
}