Content-Type为application/json时为什么要JSON.stringify转一下请求的data呢？

Question

这是我网上看到的代码，为什么application/json时还要JSON.stringify去转换一下呢？

const login = (param) => {
        fetch(`${apiUrl}/login`, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json'
            },
            body: JSON.stringify(param)
        }).then(async (response:Response) => {
            if (response.ok) {
                
            }
        })
    }

Answer 1

因为fetch的body不支持对象这种数据，content-type只是为了告诉接收端这是一个json数据，接收端会用相对应的方式去解析这个body,如JSON.parse,像axios之类的库会在内部帮你去做这层转化，所以这个就看API的支持情况

body:请求的 body 信息：可能是一个 Blob、BufferSource (en-US)、FormData、URLSearchParams 或者 USVString 对象。注意 GET 或 HEAD 方法的请求不能包含 body 信息。