javascript - 为什么 Chrome 在使用 "fetch()"时发送空正文，但 Edge 正确发送正文

Question

我正在使用“fetch()”方法向另一台服务器发送请求，但使用 Chrome 发送的请求正文为空。

发送请求的应用程序是Vue应用程序，服务器使用AdonisJS。我已在 Microsoft Edge 中尝试了我的应用程序，正文不为空。

Vue 中的请求:

const requestOptions = {
    method: 'POST',
    headers: {'Content-Type': 'application/plain'},
    body: JSON.stringify({username, password}),
};
let req = fetch('http://localhost:3333/user/login', requestOptions)
    .then(response => {
        return response.text();
    }).then(json => {
        this.$refs.debug.innerHTML = json
    })

AdonisJS 中的 Controller :

async login({request, response}) {
    console.log("params", request.raw());
    return '{"key": "value"}';
}

Answer 1

改变

    headers: {'Content-Type': 'application/plain'},

至

    headers: {'Content-Type': 'application/json'},