通过在 redux 中处理操作在 react 本机中调用 POST API 时出错

Question

我正在使用 POST api 调用获取一些数据，其中我有数据和标头的令牌值，但我得到的响应很差，我检查了很多文档但无法找出错误，这是代码：

export const shareUserProfileHandler = (sharedReceiverData) => {
    return dispatch => {
        let formData = new FormData();
        for (let key in sharedReceiverData) {
            formData.append(key, sharedReceiverData[key]);
        }
         let requestConfig = {
             method: 'POST',
             headers: {
                 'Accept': 'application/json',
                 'Content-Type': 'multipart/form-data',
                 'Authorization': 'Token 97a74c03004e7d6b0658b14ddb'
             },
             body: formData
         };
        fetch(`http://api.com`, requestConfig)
        .then(response => response.json())
        .then(response => {
            alert('share user card api worked')
        })
        .catch(error => {
            alert('api error ' + error)
        })
    }
};

以上是捕获错误并显示 - 语法错误：JSON 解析错误：无法识别的令牌<</p>

Answer 1

您的回复似乎不是 JSON。

取代

.then((response) => response.json())

为

.then((response) => { console.log('response', response); response.json() })

并在错误之前检查响应出了什么问题。