React Axios PUT 身份验证要求无限循环答案

【问题标题】：React Axios PUT authentication asks for infinite loopReact Axios PUT 身份验证要求无限循环
【发布时间】：2022-10-14 15:08:28
【问题描述】：

对于 GET 请求，身份验证运行良好，但是当我尝试对 PUT 和 POST 请求进行身份验证时，它会无限次询问 USERNAME 和 PASSWORD。我为 GET 和 PUT 编写了一个身份验证代码，但我无法理解它为什么会发生。请帮我。

这是我的 GET 请求代码：

var session_url = '';
var username = '';
var password = '';
var basicAuth = 'Basic ' + btoa(username + ':' + password);
axios.get(session_url, {}, {
  headers: { 
    "Authorization": + basicAuth,
    "Accept": "application/json",
    "Content-Type": "application/json"
   }
}).then((getData) => {
    console.log(getData.data);
    setApiData(getData.data);
}).then(function(response) {
  console.log('Authenticated');
}).catch(function(error) {
  console.log('Error on Authentication');
});

这是我的 PUT 请求代码：

var session_url = '';
var username = '';
var password = '';
var basicAuth = 'Basic ' + btoa(username + ':' + password);
axios.put(session_url, {}, {
  headers: { 
    "Authorization": + basicAuth,
    "Accept": "application/json",
    "Content-Type": "application/json"
   },
  "parameters":{
    "Name":name,
    "Email":email
  }
}).then(function(response) {
  console.log('Authenticated');
  alert("success");
}).catch(function(error) {
  console.log('Error on Authentication');
});

“参数”是我的 json 文件中的数据。

这是我的json文件

[{"parameters":{"Name":"abc","Email":"abc@gmail.com"}}]

【问题讨论】：

标签： reactjs axios

【解决方案1】：

我们必须在数据参数中传递 body 值。请尝试一下。

axios.put(session_url, {}, {
  headers: { 
    "Authorization": + basicAuth,
    "Accept": "application/json",
    "Content-Type": "application/json"
   },
  data:{
     Name:name,
     Email:email
   },
})

【讨论】：