NODE.JS(Express)

[Node.js] body-parser 사용법

찰리-누나 2022. 12. 5.

 

사용법

2021년도 이후 Express 프로젝트들은 body-parser 라이브러리가 express에 기본으로 포함된다. 따라서 별도로 라이브러리를 설치할 필요 없이, 아래 코드만 최상위 server.js에 작성해주면 된다.

 

app.use(express.urlencoded({extended: true})) 

 

 

라우터를 사용할 경우, 해당 코드 밑에 라우터를 app.use 해주면 라우터들에서도 body-parser의 사용이 가능하다. server.js에 테스트용 board 라우터를 만들고 아래와 같이 app.use로 불러와본다.

 

app.use('/api/board', require('./routes/board'))

 

board 라우터에 /write 라우터를 만들어 작성한다. 버튼을 누르면 콘솔에 req가 보내준 내용이 출력되도록 한다.

 

const express = require('express')
const router = express.Router()

router.post('/write', function(req,res){
    console.log(req.body)
})


module.exports = router

 

App.js에서 버튼을 클릭하면 JSON데이터를 보내는 boardButton을 만든다.

 

  function boardButton() {
    let somthing = {
      name:'바디요청용',
      number:1
    }
    axios.post('/api/board/write',somthing)
    .then(response=> {
      console.log(response)
    })
  }
  
   return ( 
   
      <div>       
        <button onClick={()=>{
          boardButton()
        }} >테스트</button>
      </div>
    )
    
    
export default App;

 

 

결과

req.body를 활용하여 프론트에서 보내준 정보를 받아올 수 있다.

콘솔에 출력된 모습

 

댓글