Currently, my web app is being developed using NextJS NodeJS and Express. I have set up two servers running on localhost: one on port 3000 for Next and the other on port 9000 for Express.
In the app, there is a form with two input fields where users can enter their data. When the form is submitted, the state is sent via axios post to a specific URL. On the server-side, this request is received and the same data is sent back as a response.
Upon receiving the response from the server, the data is provided in config.data along with a message indicating success.
I am trying to figure out why the data is nested within config data and how I can extract it from this JSON object so that I can assign it to a variable.
My attempts to extract the data from config.data using for loops have not been successful as they either populate an array with 56 elements or do not yield any results.
On the client side:
state = {
bank_name: '',
account_number: ''
}
...
onSubmit = (e) => {
e.preventDefault()
axios.post('http://localhost:9000/api/bank', {
bankName: this.state.bank_name,
accNumber: this.state.account_number
})
.then(res => {
console.log(res)
}).catch(err => console.log(err))
}
Server side implementation:
router.post('/', (req, res) => {
const {reqData} = req;
res.send(reqData);
})
Output of console.log(res) on the client side:
{
config: {
url: "http://localhost:9000/api/bank",
method: "post",
data: '{"bankName":"some new bank","accNumber":"39276542934235"}'
},
data: "success",
headers: "...",
request: "...",
status: 200,
statusText: "OK",
__proto__: Object
}
...
Trying to access res.config.data.bankName returns undefined.
It seems like the issue might be related to the format of the server response, potential parsing errors, or promises handling.
If you have any insights or suggestions, they would be greatly appreciated. Thank you!