Не удается отправить запрос на сервер на каком-либо устройстве - PullRequest
0 голосов
/ 02 марта 2020

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

Fetch API

{}

Затем я попытался использовать Ax ios вместо этого. Итак, я получил более подробную информацию об ошибке.

Ax ios

{
  message: "Network Error",
  name: "Error",
  stack: "Error: Network Error\n at LYNF.e.exports (https://www.kukorean.com/_next/static/chunks/commons.bdc948b280ac8631e5c8.js:1:330008)\n at XMLHttpRequest.h.onerror (https://www.kukorean.com/_next/static/chunks/commons.bdc948b280ac8631e5c8.js:1:1228904)",
  config: {
    url: "https://kukorean.com/api/profile",
    method: "post",
    data: '{"type":"-------","password":"-----","email":"---------------"}',
    headers: {
      Accept: "application/json, text/plain, /",
      "Content-Type": "application/json",
    },
    transformRequest: [null],
    transformResponse: [null],
    timeout: 0,
    xsrfCookieName: "XSRF-TOKEN",
    xsrfHeaderName: "X-XSRF-TOKEN",
    maxContentLength: -1,
    credentials: "include",
  },
}

Эта ошибка делает веб-сайт не может отправлять запросы.

import { server, useAxios } from "../config"
import axios from "axios"

const postFetch = async ({ data, route, header }) => {
  return await fetch(
    server + "/" + route,
    header || {
      method: "POST",
      body: JSON.stringify(data),
      headers: {
        "Content-Type": "application/json",
      },
      credentials: "include",
    }
  ).then(res => res.json())
}

const getFetch = async ({ route, header }) => {
  return await fetch(
    server + "/" + route,
    header || {
      method: "GET",
      headers: {
        "Content-Type": "application/json",
      },
      credentials: "include",
    }
  ).then(res => res.json())
}

const postAxios = ({ data, route, header }) => {
  let option = {
    method: "post",
    data,
    headers: {
      "content-type": "application/json",
    },
    credentials: "include",
    url: server + "/" + route,
  }
  if (header) {
    option = { url: server + "/" + route, ...header, method: "post" }
  }

  return axios(option).then(res => res.data)
}

const getAxios = ({ route, header }) => {
  let option = {
    method: "get",
    headers: {
      "content-type": "application/json",
    },
    url: server + "/" + route,
    credentials: "include",
  }

  if (header) {
    option = { url: server + "/" + route, ...header, method: "get" }
  }

  return axios(option).then(res => res.data)
}
export const post = useAxios ? postAxios : postFetch
export const get = useAxios ? getAxios : getFetch

Это код, который создает HTTP-запросы. Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...