ax ios ответ не заполнен

Question

Я делаю приложение для реагирования, которое выполняет поиск на Youtube и показывает список видео с помощью приложения create-react-app. Моя проблема в том, что документ ответа от ax ios .get () содержит только скрипты и пустой тег скелета. Я хочу, чтобы внутри было какое-то содержимое, как при открытии из браузера. почему это произошло? и что мне следует изучать?

import React from "react";
import SearchBar from "./SearchBar";
import axios from "axios";

class App extends React.Component {
  onSubmitFormSearch = async (text) => {
    console.log("axios", text);
    const response = await axios.get(`/results?search_query=${text}`, {
      responseType: "text",
      responseEncoding: "utf8",
    });

    console.log(response.data);
  };

  render() {
    return <SearchBar onSubmitForm={this.onSubmitFormSearch} />;
  }
}
export default App;

это мой код реакции

вот ответный документ https://codepen.io/im0505/pen/MWaMKXa

Answer 1

Вы не получите полную веб-страницу, как вы видите в браузере при визуализации ответа axios.get. Основная причина заключается в том, что когда вы загружаете URL-адрес в браузер, браузер выполняет сценарии из ответа на запрос, чего не происходит при визуализации ответа на запрос, сделанный ax ios.

Что происходит, когда вы Введите URL-адрес: Источник

1. Вы вводите URL-адрес в веб-браузере

2. Браузер ищет IP-адрес адрес для доменного имени через DNS

3. Браузер отправляет HTTP-запрос на сервер

4. Сервер отправляет HTTP-ответ

5. Браузер начинает рендеринг HTML

6. Браузер отправляет запросы на дополнительные объекты, встроенные в HTML (изображения, css, JavaScript) и повторяет шаги 3-5.

7. После загрузки страницы браузер при необходимости отправляет дополнительные асинхронные c запросы.

Очков 6 и 7 не бывает, когда вы смотрите на результат в Codepen или в своем топоре ios соответственно онсе