通过处理 redux 中的操作来调用 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)
        })
    }
};

以上是捕获错误并显示 - SyntaxError: JSON Parse error: Unrecognized token'

Answer 1

您的响应似乎不是 JSON。

替换

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

对于

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

并检查错误前的响应有什么问题。