我怎样才能得到相同的响应，但是使用javascript中的默认获取方法？

我很新，这是一个学校的项目，但是我不能用默认的方法来代替Axios。我想如果有人能解释一下，我怎样才能在json中获得相同的准确响应，但使用的是抓取、异步和等待的方法

const express = require("express");
const { json } = require("express");
require("dotenv").config();

const axios = require("axios");
const cors = require("cors");


const app = express();

app.use(json());
app.use(cors());
app.listen(process.env.PORT || 3333);

app.get('/', async(req, res) => {
  res.json({
    message: 'hello world'
  })
})

app.get("/summoner/:summonerName", async (req, res) => {
  const { summonerName } = req.params;
  const summonerIdResponse = await axios
    .get(
      `${process.env.LOL_URL}/lol/summoner/v4/summoners/by-name/${encodeURI(
        summonerName
      )}`,
      { headers: { "X-Riot-Token": process.env.LOL_KEY } }
    )
    .catch((e) => {
      return res.status(e.response.status).json(e.response.data);
    });

  const { id, profileIconId, summonerLevel } = summonerIdResponse.data;

  const responseRanked = await axios
    .get(`${process.env.LOL_URL}/lol/league/v4/entries/by-summoner/${id}`, {
      headers: { "X-Riot-Token": process.env.LOL_KEY },
    })
    .catch((e) => {
      return res.status(e.response.status).json(e.response.data);
    });

  const { tier, rank, wins, losses, queueType } = responseRanked.data[1]
    ? responseRanked.data[1]
    : responseRanked.data[0];

  res.json({
    iconUrl: `${process.env.LOL_ICONS}/${profileIconId}.png`,
    summonerLevel,
    tier,
    rank,
    wins,
    losses,
    queueType,
    winRate: ((wins / (wins + losses)) * 100).toFixed(1),
  });
});