給定 Node-Js 中的后端,允許使用以下模式創建用戶:
POST http://localhost:8080/user
Authorization: {{adminToken}}
Content-Type: application/json
{
"userID": "test",
"userName": "test",
"password": "asdf"
}
現在在 React 中創建了一個相應的介面,該介面與 BackEnd 通信并允許創建用戶。在 React 中創建用戶的函式如下所示:
function createaUser(userID, username,password) {
/* const hash= Buffer.from(`${userID}:${password}`).toString('base64') */
console.log(userID)
const hash="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySUQiOiJhZG1pbiIsImlzQWRtaW5pc3RyYXRvciI6dHJ1ZSwidXNlck5hbWUiOiJEZWZhdWx0IEFkbWluaXN0cmF0b3IgQWNjb3VudCIsImV4cGlyZXMiOjE2NDE1NjgyNzgxNDUsImlhdCI6MTY0MTU2Nzk3OH0.mJff9nuqgHXZVQfWbjeWed3JIRAm2N2s0CYpnXoMyv4"
var safe ={'userID':userID, "userName": username, "password":password};
var data = JSON.parse(JSON.stringify(safe));
console.log(data)
const requestOptions = {
method: 'POST',
headers: { 'Authorization': `Basic ${hash}`},
body: {'Content-Type': 'application/json',data}
};
return fetch('https://localhost:443/user/', requestOptions)
.then(handleResponse)
.then(userSession => {
return userSession;
});}
但是,只會創建一個空物件。因此無法識別用戶名、用戶 ID 和密碼。錯誤在哪里?
uj5u.com熱心網友回復:
照safe原樣發布。不要將其轉換為 json 并進行字串化。它可能會起作用。并添加"accept: */*"到您的 requestOptions。
uj5u.com熱心網友回復:
React 絕對是一小步,但解決方案看起來像這樣:
function createaUser(userID, username,password) {
const hash="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VySUQiOiJhZG1pbiIsImlzQWRtaW5pc3RyYXRvciI6dHJ1ZSwidXNlck5hbWUiOiJEZWZhdWx0IEFkbWluaXN0cmF0b3IgQWNjb3VudCIsImV4cGlyZXMiOjE2NDE1NjgyNzgxNDUsImlhdCI6MTY0MTU2Nzk3OH0.mJff9nuqgHXZVQfWbjeWed3JIRAm2N2s0CYpnXoMyv4"
const requestOptions = {
method: 'POST',
headers: { 'Authorization': `Basic ${hash}`,'Content-Type': 'application/json' },
body: JSON.stringify({ userID: userID, userName: username, password:password })
};
console.log(requestOptions)
return fetch('https://localhost:443/user/', requestOptions)
.then(handleResponse)
.then(userSession => {
return userSession;
});}
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/407267.html
標籤:
上一篇:為什么用戶定義型別別的靜態和區域變數的合成默認建構式的行為不同?
下一篇:根據用戶角色回傳JSON
