在 reactjs 中进行 API 调用时出错答案

【问题标题】：Error While Making API call In reactjs在 reactjs 中进行 API 调用时出错
【发布时间】：2018-03-10 23:12:42
【问题描述】：

我正在使用 NPM 请求库进行 API 调用，我想在其中传递 Header 和表单。直到我只想要 formdata 时，API 调用工作正常，但只要在 API 调用中添加标头，它就会显示以下错误：-

" 'Headers' 构造失败：请使用'new' 操作符......"

这是我的 API 调用：-

send:function(endpoint,callback, token, formdata, component){
                this._request.post(endpoint, Headers : { Authorization :token 
                      }, {form: formdata},function (error, response, body) {
                    if (!error && response.statusCode == 200) {
                        callback(response.body, component);
                    }else if(!error && response.statusCode == 400){

                    }
                })
            },

【问题讨论】：

标签： reactjs api django-rest-framework

【解决方案1】：

用这个改变你的代码：

您可以像 json 对象一样简单地传递标头，但格式应该是这样的：

this._request.post(endpoint, { headers : { Authorization : token } , form: formdata },

    function (error, response, body) {
        if (!error && response.statusCode == 200) {
            callback(response.body, component);
        }else if(!error && response.statusCode == 400){

        }
    })

}

【讨论】：