0

я пытаюсь отправить fetch на сервер и получить ответ. но при отправке из firefox появляется ошибка "Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.", а при отправке из хрома ошибки нет request отправляется но response не приходит

бекенд:

const express = require("express");
const app = express();
const jsonParser = express.json();

app.get("/testFetch", function(request, response){
    response.sendFile(__dirname + "/static/index.html")
})

app.post("/api/test", jsonParser, function (request, response) {
    if (!request.body) return response.sendStatus(400);
    console.log("information was get");
    response.send("succes");
})

app.listen(port, ip);

html и js:

<!DOCTYPE html>
<html>
    <header>
        <link rel="stylesheet" type="text/css" href="../styles.css">
    </header>
    <body>
        <button oncklick="register()" id="testButton">click on me</button>
        <script type="text/javascript" src="../authorization.js"></script>
    </body>
</html>
document.getElementById("testButton").addEventListener("click", async function () {
    const password = PassWord.value;
    const username = UserName.value;
    const response = await fetch("/api/test", {
        method: "POST",
        headers: {
            "Accept": "applications/json",
            "Content-Type": "application/json"
        },
        body: JSON.stringify({ 
            username: username,
            password: password
        })
    });
    if (response.ok === true) {
        const answer = await response.json();
        alert(answer);
    }
})

я пробовал копировать аналогичный код с learn.javascript и developer.mozzila, и он работал , пока я не вставлял его сюда.

2
  • возможно это cors, что в консоли пишет ?
    – Austral1a
    Commented 11 сент. 2021 в 10:58
  • в консоли пишет Uncaught (in promise) TypeError: NetworkError when attempting to fetch resource.
    – bruh
    Commented 11 сент. 2021 в 13:13

1 ответ 1

1

С сервера посылаем строку

response.send("succes");

На клиенте ожидаем json

const answer = await response.json();

Причина вашей ошибки - попытка парсинга строки с использованием JSON.parse.

JSON.parse("succes")


Вот как посылают с сервера json

response.json("succes");

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.