Extra colon shows up while doing axios post

I am trying to do post using axios in Node.js backend. While ‘get’ requests are working fine.r. As soon as i try ‘post’ method, this fails.

Below, i am trying to do a login whose backend in running as well (i have tested it all in postman).

const host = `http://localhost:6800/`;
function loginAdmin(email, password){
    return axios.post(`${host}admin/login`,JSON.stringify({email, password}));
}

As soon as this code runs, i find that i am trying to send {"email":"[e-mail]","password":"1234"}:

You can see that extra ‘:’ here, which added i don’t know how.

Then i checked backend that what exactly i am receiving there, and i found:

 { '{"email":"[e-mail]","password":"1234"}': '' }

Which means backend is receiving the data so cors problem does not exist, yet i am not able to understand the reason behind.

[SunGuoQiang123]

if Content-Type: application/x-www-form-urlencoded;charset=UTF-8 , read the doc https://github.com/axios/axios#using-applicationx-www-form-urlencoded-format

[priyankagupta34]

I am providing valid javascript only. Latest ECMA script allows you to perform this way that if key and value variable is same in javascript, then we can use it this way. {email: email, password: password} can be written as {email, password}, why don’t you give it a shot in browser console 😃 However this is not the problem. It has got something to do with Content-Type: application/x-www-form-urlencoded;charset=UTF-8, as when i am doing urlendcoding, it then works. Still i don’t know what is this problem, am i suppose to continue like this const params = new URLSearchParams(); or not.