Я настраиваю тестовое веб-приложение для подключения к моему 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