안녕하세요 express 사용중 궁금한게 있어 질문 올립니다!

express공부중 req.body의 값이 빈 객체가 반환되는데 fetch에서 문제가 있는건가요? 몇일 째 붙잡고 있는데 좀 도와주세요 ㅜㅜ

``js
post(path, body) {
console.log(body,‘제발요’)
fetch(http://localhost:5000/${path}, {
method: ‘POST’,
body: JSON.stringify(body),
headers: {
‘content-type’: ‘text/json’
}
})
.then(res => {
console.log(res.body,‘res’)
return res.json()})
.then(res => {
console.log(res,‘이부분이 비었음’)
this.render(res);
});
}

toUpperCase() {
const text = document.querySelector(’.input-text’).value;
console.log(text,‘text’)
this.post(‘upper’, text);
}
``

``js

// const http = require(‘http’);
const express = require(“express”);
const cors = require(‘cors’)
const app = express();
const PORT = 5000;
const ip = ‘localhost’;
app.use(express.json());
app.use(cors());

app.get(’/upper’, function(req,res) {
console.log(‘이부분 지나가니’)
res.send(‘asdf’)

})

app.post("/upper", function (req, res) {
console.log(req.body,‘body만 들어오면 모든게 해결’)
res.send(JSON.stringify(req.body))
// res.send(JSON.parse(res));
});

app.listen(PORT, () => {
console.log(http server listen on ${ip}:${PORT});
});

// const defaultCorsHeader = {
// ‘access-control-allow-origin’: ‘*’,
// ‘access-control-allow-methods’: ‘GET, POST, PUT, DELETE, OPTIONS’,
// ‘access-control-allow-headers’: ‘content-type, accept’,
// ‘access-control-max-age’: 10
// };
``

https://expressjs.com/en/resources/middleware/body-parser.html 를 참고하시면 도움이 될 것 같네요.!!

1 Like