react fetch 跨域调用restful api 返回json

最新推荐文章于 2025-06-10 09:20:27 发布

原创最新推荐文章于 2025-06-10 09:20:27 发布 · 3.8k 阅读

1 ·

CC 4.0 BY-SA版权

react，fetch 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用fetch API进行跨域请求，并设置正确的HTTP头部来处理JSON数据。包括配置IIS服务器以允许特定的请求头及源，确保前后端能够顺利交互。

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

关键词 mode cors

accept ： json

const url = "http://localhost:8080/api/values/1";
        fetch(url, {
            method: "GET",
            mode: "cors",
            headers: {
                //"Content-Type": "application/json; charset=utf-8"
                'Accept': 'application/json'
            }
            
        }).then(response => response.json())
            .then(result => {
            // 在此处写获取数据之后的处理逻辑
               console.log(result);
            }).catch(function (e) {
                //console.log("fetch fail", JSON.stringify(params));
            });

iis的服务器 http 响应头添加 Access-Control-Allow-Headers：Content-Type, api_key, Authorization

以及 Access-Control-Allow-Origin：*

服务器返回的json 可以直接通过response.json() 获取