解决用fetch方法进行后台传参时后面有一个冒号

最新推荐文章于 2024-09-16 08:47:17 发布

实践是最好的老师

最新推荐文章于 2024-09-16 08:47:17 发布

阅读量179

点赞数

文章标签： javascript 前端 vue.js

本文链接：https://blog.csdn.net/qq_26889291/article/details/124780859

版权

只需在body这里用new URLSearchParams 转一下数据

async function post(url = '', data = {}) {
    url = base + url
    // Default options are marked with *
    const response = await fetch(url, {
        method: 'POST', // *GET, POST, PUT, DELETE, etc.
        mode: 'no-cors', // no-cors, *cors, same-origin
        cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
        credentials: 'same-origin', // include, *same-origin, omit
        headers: {
            "Content-Type": "application/x-www-form-urlencoded;charset=UTF-8"
        },
        redirect: 'follow', // manual, *follow, error
        referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
        body: new URLSearchParams(data) // body data type must match "Content-Type" header
    });
    console.log('response', response)
    return response.json(); // parses JSON response into native JavaScript objects
}