Data Changes between Axios Post Implementation - axios

Question

pages/login
const data = ({
email: email,
password: password
})
console.log(data)
const {details} = await axios.post('/api/users/login', data, {
headers: {
"Content-Type": "application/json",
}
})
pages/api/login
const handler = nc();
console.log('beginning login api')
handler.post(async(req, res) => {
await database.connect();
console.log('db connected')
console.log(req)
My issue is that the console.log data in the login is logging out correctly but the req being printed out in the api is logging a long list which I will provide a snippet of
<ref *2> IncomingMessage {
_readableState: ReadableState {
objectMode: false,
highWaterMark: 16384,
buffer: BufferList { head: null, tail: null, length: 0 },
length: 0,
pipes: [],
flowing: true,
ended: true,
endEmitted: true,
reading: false,
constructed: true,
sync: true,
needReadable: false,
emittedReadable: false,
readableListening: false,
resumeScheduled: false,
errorEmitted: false,
console.log(data) output
UPDATE----
const user = await user.findOne({ email: req.body.email});
res.send ({
token,
email: user.email,
name: user.name,
_id: user._id,
createdAt: user.createdAt
})
this returns the server response list I refer to. I tried req.body. for each instead of the user. as well but got the same response.
UPDATE 2
So the axios request and response on the API side are both correct.
when I console.log(details) which is assigned to the axios request it returns undefined.

Answer 1

That "long list" you're seeing from pages/api/login is the IncomingMessage object. If you're looking for just the data, you want to console.log(req.body).

Answer 2

for the axios.post const, it has to be named data not details or any other name, there is a strict 5/6 names that can be destructue