POST 请求生成失败

Posted

技术标签:

【中文标题】POST 请求生成失败【英文标题】:POST request generates failed to fetch 【发布时间】:2021-11-28 17:35:15 【问题描述】:

我在通过 fetch API 从 javascript 发出 POST 请求时遇到问题,我收到以下错误:TypeError: Failed to fetch at fetchCallImpp at window.fetch 代码如下:

const agregarCafetalDB = (nombre) => 
    const data = 
        "nombre": `$nombre`,
    ;
    const requestOptions = 
        method: 'POST',
        body: JSON.stringify(data),
        redirect: 'follow',
        mode: 'cors',
        headers: 
            'Content-Type': 'application/json',
            'Access-Control-Allow-Origin': '*'
        ,
    ;
    fetch(url, requestOptions)
        .then(response => response.json())
        .then(result => console.log(result))
        .catch(error => console.log('error', error));


btnAgregar.addEventListener('click', (e) => 
    agregarCafetalDB(cafetal.value)
);

希望您能帮我解决错误,非常感谢您提前

【问题讨论】:

检查 DevTools 的 Network 选项卡以查看有关失败的更多详细信息。 【参考方案1】:

在其他浏览器中是否显示相同的错误? fetch 是 ES6 Javascript,可能你使用的浏览器不支持。

fetch(url, requestOptions)

另外,请确保定义了变量“url”。

【讨论】:

以上是关于POST 请求生成失败的主要内容,如果未能解决你的问题,请参考以下文章

webpack devServer代理跨域get请求成功,post请求失败403 Forbidden

使用 fetch api 调用带有 keepalive 的 POST 请求时,预检请求失败

Ajax Post请求失败[重复]

fetch网络请求 get 和 post

烧瓶上的POST请求失败[重复]

对友好 URL 的 POST 请求失败