javascript

2023-08-27 18:18| 来源: 网络整理| 查看: 265

我在使用Fetch请求登录接口时报错TypeError: Failed to fetch

通过postman测试，接口返回值与预期一致。

但在浏览器内执行时就报错。

这是React的代码：

fetch(`${url}/admin/login`, { method: 'POST', headers: {'Content-Type':'application/json'}, body: JSON.stringify({'name': n, 'password': p}) }) .then(r => r.json()) .then(d => { if (d.hasOwnProperty('text')) alert(d.hasOwnProperty('err') ? d.text + '：' + d.err : d.text) else if (d.hasOwnProperty('id') && d.hasOwnProperty('token')) localStorage.setItem('token', d.token) else alert('登录失败！请重试') }) .catch(err => alert('Fetch Rejected：' + err))

同时，有一个百思不得其解的现象：

即十次请求里面，绝大部分都是已取消的状态（可以理解为这个fetch请求压根没有发出去？）但是十次之中又偶尔一次可以请求成功，但紧接着的必然报错。

我以TypeError: Failed to fetch为关键字百度了相关帖子，似乎都在说应该在后端的代码逻辑内处理一下OPTIONS请求的预检，但从控制台的请求记录来看，压根连一个OPTIONS的请求都没发出过...（虽然我也按照建议的方案尝试过，但毫无例外地都没有凑效...)

跪求大佬指点ORZ..

【本文地址】

公司简介

联系我们