- Full-Stack React Projects
- Shama Hoque
- 126字
- 2021-06-25 21:45:17
Reading a user profile
The read method will use fetch to make a GET call to retrieve a specific user by ID. Since this is a protected route, besides passing the user ID as a parameter, the requesting component must also provide valid credentials, which in this case will be a valid JWT received after successful sign-in.
mern-skeleton/client/user/api-user.js:
const read = (params, credentials) => {
return fetch('/api/users/' + params.userId, {
method: 'GET',
headers: {
'Accept': 'application/json',
'Content-Type': 'application/json',
'Authorization': 'Bearer ' + credentials.t
}
}).then((response) => {
return response.json()
}).catch((err) => console.log(err))
}
The JWT is attached to the GET fetch call in the Authorization header using the Bearer scheme, and then the response from the server is returned to the component in a promise.