与爱可信POST请求传递头[ReactJS]

我已经写了爱可信POST请求从NPM包的文档建议像与爱可信POST请求传递头[ReactJS]

var data = { 
     'key1': 'val1', 
     'key2': 'val2' 
} 
axios.post(Helper.getUserAPI(), data) 

      .then((response) => { 
       dispatch({type: FOUND_USER, data: response.data[0]}) 
      }) 
      .catch((error) => { 
       dispatch({type: ERROR_FINDING_USER}) 
      })

和它的作品，但现在我已经修改了我的后端API接受头

的Content-Type： '应用/ JSON的'

授权： 'JWT fefege ......'

现在这个请求在POSTMAN上正常工作，但是当写一个axios调用时，我会遵循this link并且无法完成它的工作。

我contantly越来越400 BAD Request error

这里是我的修改请求

axios.post(Helper.getUserAPI(), { 
       headers: { 
        'Content-Type': 'application/json', 
        'Authorization': 'JWT fefege...' 
       }, 
       data 
      }) 

      .then((response) => { 
       dispatch({type: FOUND_USER, data: response.data[0]}) 
      }) 
      .catch((error) => { 
       dispatch({type: ERROR_FINDING_USER}) 
      })

任何帮助是极大的赞赏提前

感谢。

来源

2017-06-18 Jagrati

当使用Axios公司，为了通过自定义首部，提供一个包含标头的最后一个参数

修改您Axios的请求等

 var headers = { 
      'Content-Type': 'application/json', 
      'Authorization': 'JWT fefege...' 
     } 
     axios.post(Helper.getUserAPI(), data, headers) 

      .then((response) => { 
       dispatch({type: FOUND_USER, data: response.data[0]}) 
      }) 
      .catch((error) => { 
       dispatch({type: ERROR_FINDING_USER}) 
      })

来源

2017-06-18 17:48:52

感谢它的工作:) – Jagrati

不工作，获得500.你能帮助我吗？ –

@KishoreJethava，500是内部服务器错误，你可以检查服务器端，如果标题来了或有一些其他的错误 –

对象下面是一个Axios公司的一个完整的例子。自定义页眉POST请求

var postData = { 
 
    email: "[email protected]", 
 
    password: "password" 
 
}; 
 

 
let axiosConfig = { 
 
    headers: { 
 
     'Content-Type': 'application/json;charset=UTF-8', 
 
     "Access-Control-Allow-Origin": "*", 
 
    } 
 
}; 
 

 
axios.post('http://<host>:<port>/<path>', postData, axiosConfig) 
 
.then((res) => { 
 
    console.log("RESPONSE RECEIVED: ", res); 
 
}) 
 
.catch((err) => { 
 
    console.log("AXIOS ERROR: ", err); 
 
})

来源

2018-01-27 19:23:50

与爱可信POST请求传递头[ReactJS]

回答

相关问题