ajax post 请求 415 403错误，postman正常的解决方案，跨域问题

最新推荐文章于 2025-06-04 16:05:56 发布

原创最新推荐文章于 2025-06-04 16:05:56 发布 · 3.3k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

前端专栏收录该内容

31 篇文章

订阅专栏

本文探讨了在联调过程中，使用Postman通过POST方法调用接口正常，但在实际应用中遇到跨域和数据序列化问题的解决方案。包括前端如何调整Ajax请求设置，以及后端如何配置请求头以确保跨域成功。

问题：如题，联调的时候，用postman测试接口，没问题，但是联调的时候就报错？

解决方案：

post写法问题（data需要序列化）：

$.ajax({
    type:"post",
    url: url,
    data:JSON.stringify({    //因为后台接口序列化了，所以前端调用的时候也需要序列化，postman能调通是因为其本身就已经序列化了
        "name":'123',
        "id":'111'
    }),
    dataType:'json',     //跨域必填字段
    contentType: 'application/json; charset=UTF-8',// 解决415错误
    crossDomain: true,   //跨域必填字段
    success:function(res){
      //成功执行
    },
    error:function(err){
       //报错执行
    }
});

对于跨域问题，前端post代码如上，后台服务器也需要添加请求头，否则跨域不成功