HTTPS request by Axios got 504 error status on the website(live and local) but got 200 status in the chrome extension(app)

Question

I have a project for a website and chrome app.
Following is a part of my code.

const payload = {
  item1: 'item1',
  item2: 'item2'
};

const url = 'https://api.example.com/api/login/login-callback?uid=aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa&exp=1673882023';
const authRequest = await axios.post(url, payload);

I've built it for chrome extension, it works well.
And then I've deployed it to my localhost, it returns 504 error status. On the live site, it is same too.

I tried to solve it in several ways, but didn't find the key.
I'd like to hear experts' opinion.