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