Если я использую запрос на выборку для отправки запроса API из моего внешнего интерфейса JS, и если я попытался поместить тело в запрос на выборку. браузер выдаст ошибку, говоря

Uncaught (in promise) TypeError: Failed to execute 'fetch' on 'Window': Request with GET/HEAD method cannot have body

Но если я использую Axios вместо API выборки для выполнения запроса на получение, здесь будет поле данных вместо тела API выборки. и если что-то поместить в поле данных и отправить запрос на получение, браузер не выдает ошибку. но сервер ничего не получит в теле запроса. Еще одно странное поведение заключается в том, что в этом запросе на получение Axios с полем данных, имеющим значение, браузер также отправляет предварительный запрос CORS, что странно, потому что это запрос на получение.

Использование Аксиос

Ниже приведен код для создания нового токена доступа с использованием токена обновления, хранящегося в файле cookie httpOnly. Это запрос на получение axios.

Без поля данных

Код

    const response = (
      await axios.request<AuthType>({
        url: "http://192.168.1.34:4488/webadmin/generatenewaccesstoken",
        method: "GET",
        withCredentials: true,
      })
    ).data;

Вкладка «Сеть» в браузере

С полем данных

Если я изменю запрос на получение axios, чтобы включить данные с пустым объектом, браузер отправит предварительную проверку для этого запроса axios.

Код

    const response = (
      await axios.request<AuthType>({
        url: "http://192.168.1.34:4488/webadmin/generatenewaccesstoken",
        method: "GET",
        withCredentials: true,
        data:{}
      })

Вкладка «Сеть» в браузере

следующее изображение — это вкладка сети браузера, и вы можете видеть, что предварительная проверка отправляется, даже если метод запроса по-прежнему GET

Использование выборки

без поля тела

Код

    let response = await (
      await fetch("http://192.168.1.34:4488/webadmin/generatenewaccesstoken", {
        method: "GET",
        credentials: "include",
      })
    ).json();

Вкладка «Сеть» в браузере

С полем тела

Код

    let response = await (
      await fetch("http://192.168.1.34:4488/webadmin/generatenewaccesstoken", {
        method: "GET",
        credentials: "include",
        body: JSON.stringify({}),
      })
    ).json();

Вкладка «Сеть» в браузере

при использовании axios, если мы включаем поле данных в запрос на получение, браузер отправляет предварительную проверку для запроса, даже если метод запроса «GET». но при использовании fetch Api с методом, установленным на «GET», если мы попытаемся включить поле тела. браузер ничего не отправит. Также я использую браузер Edge

Из вышесказанного я делаю вывод, что данные Axios — это не просто абстракция тела axios, в этих двух есть фундаментальное различие. Может ли кто-нибудь сказать мне, верен ли мой вывод, и объяснить причину такого поведения.

P.S.

Также, если мы изменим указанный выше тип метода конечной точки на «POST». и что бы мы ни использовали axios или fetch api. если мы отправляем почтовый запрос без поля body в случае fetch API или без поля данных в случае axios, предварительный запрос не будет отправлен. Из статей и документации, которые я прочитал, я понял, что если запрос является запросом, отличным от «GET» или «OPTION», будет отправлен предварительный запрос. но в этом случае предварительная проверка не будет отправлена ​​​​только для запроса «POST», она должна содержать тело или данные для отправки браузером предварительной проверки.