fetch发送请求 && 解决跨域问题

最新推荐文章于 2025-04-18 16:14:58 发布

qijingpei

最新推荐文章于 2025-04-18 16:14:58 发布

阅读量7.5k

点赞数 1

分类专栏：前端框架文章标签：跨域 fetch

本文链接：https://blog.youkuaiyun.com/qijingpei/article/details/102218493

版权

前端框架专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了如何使用fetch API解决跨域问题，通过设置跨域响应头“Access-Control-Allow-Origin”和“Access-Control-Allow-Credentials”，并展示了fetch()发送post请求的完整代码示例。

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

解决跨域问题：加入跨域用的响应头：
“Access-Control-Allow-Origin” : “*”,
“Access-Control-Allow-Credentials” : true
fetch()发送请求的代码如下：

fetch("localhost:8080/getAll", {
    method: 'post', // 如果是get方式的话，只能把参数拼接在url里传过去，get方式不能有body
    "Access-Control-Allow-Origin" : "*",
    "Access-Control-Allow-Credentials" : true,
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify(this.state) // 把你要传的数据放在这里转化成json
}).then(function (response) { // 处理返回回来的数据
    return response.json();
}).then(function (respsoneData) {
    let jsonData = jQuery.type(respsoneData) == 'string' ? JSON.parse(respsoneData) : respsoneData;
    console.log("得到了所有的对象：");
    console.dir(jsonData);
});