h5的fetch方法使用时,设置headers时的问题

// 使用new Headers设置fetch的header
var myHeaders = new Headers();
myHeaders.append('Content-Type', application/x-www-form-urlencoded');
myHeaders.append('X-ray', 'Accept-Language');

for (var [key,value] of myHeaders.entries()) {
    console.log(`${key}: ${value}`);
}
输出为:

content-type: text/xml
x-vary: Accept-Language

很恶心,Headers这个鬼东西私自修改了你设置的headers的大小写。

解决方法:

fetch(
    path,
    {
        headers:{
            "Content-Type":"application/x-www-form-urlencoded"
        }
    }
 )

对的,你不一定非要想某些官网的demo一样,非要使用 new Headers({})来设置headers;

你可能感兴趣的:(h5的fetch方法使用时,设置headers时的问题)