GET-запрос передает правильный URL, но POST не реагирует на приложение с Express API - PullRequest
0 голосов
/ 29 марта 2019

Я настраиваю тестовое веб-приложение для подключения к моему sql db через экспресс-API.Я тестирую на своей локальной машине, поэтому я запускаю свое приложение на localhost: 3000 и запускаю свой сервер на localhost: 4000.Я установил прокси в моем package.json на "http://localhost:4000".. GET-запрос от моего приложения работает отлично, но мой пост-запрос - нет.

// функция, которая выполняет POST-запрос в моем приложении:

handleSubmit(event) {
        fetch("/api/users",
            {
                method: "POST", 
                body: JSON.stringify(this.state)
            }
        )
        .then(res => {
            console.log(res);
        });
}

функция для обработки этого маршрута на моем сервере:

router.post('/users', async (req, res, next) => {
    try {
        console.log('row is being added...');
        let results = await db.insertUser(req);
        res.json(results);
    } catch(e) {
        res.json();
        res.sendStatus(500);
    }

});

db.insertUser функция, которая вызывается в предыдущей функции:

testdb.insertUser = (req) => {
    return new Promise((resolve, reject) => {

        pool.query(`INSERT INTO users SET ?`, req.body, (err, results) => {

            if(err) {
                return reject(err);
            }

            return resolve(results);

        });

    })
}

Эточто появляется в консоли моего браузера после попытки сделать POST-запрос.

Response {type: "basic", url: "http://localhost:3000/api/users", redirected: false, status: 200, ok: true, …}
body: (...)
bodyUsed: false
headers: Headers {}
ok: true
redirected: false
status: 200
statusText: "OK"
type: "basic"
url: "http://localhost:3000/api/users"
__proto__: Response
}

Это ошибка, которую я получаю от моего сервера после попытки POST

(node:85386) UnhandledPromiseRejectionWarning: Error [ERR_HTTP_HEADERS_SENT]: Cannot set headers after they are sent to the client

I 'я не совсем уверен, почему запрос POST пытается вызвать localhost: 3000, а не прокси localhost: 4000, который GET-запрос успешно вызывает

UPDATE:

Это ошибка, которую ятеперь попадаю в консоль Chrome

Insert.js:37 POST http://localhost:3000/api/users 500 (Internal Server Error)
_callee$ @ Insert.js:37
tryCatch @ runtime.js:62
invoke @ runtime.js:288
prototype.(anonymous function) @ runtime.js:114
asyncGeneratorStep @ asyncToGenerator.js:3
_next @ asyncToGenerator.js:25
(anonymous) @ asyncToGenerator.js:32
(anonymous) @ asyncToGenerator.js:21
handleSubmit @ Insert.js:50
callCallback @ react-dom.development.js:147
invokeGuardedCallbackDev @ react-dom.development.js:196
invokeGuardedCallback @ react-dom.development.js:250
invokeGuardedCallbackAndCatchFirstError @ react-dom.development.js:265
executeDispatch @ react-dom.development.js:571
executeDispatchesInOrder @ react-dom.development.js:596
executeDispatchesAndRelease @ react-dom.development.js:695
executeDispatchesAndReleaseTopLevel @ react-dom.development.js:704
forEachAccumulated @ react-dom.development.js:676
runEventsInBatch @ react-dom.development.js:844
runExtractedEventsInBatch @ react-dom.development.js:852
handleTopLevel @ react-dom.development.js:5030
batchedUpdates$1 @ react-dom.development.js:21425
batchedUpdates @ react-dom.development.js:2247
dispatchEvent @ react-dom.development.js:5110
(anonymous) @ react-dom.development.js:21482
unstable_runWithPriority @ scheduler.development.js:255
interactiveUpdates$1 @ react-dom.development.js:21481
interactiveUpdates @ react-dom.development.js:2268
dispatchInteractiveEvent @ react-dom.development.js:5086
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...