[Node.js] Nodejs 백엔드 프로젝트 생성하기 4(axios를 통해 front back 연결)

1-1 back에서 app.js 설정

const express = require("express");

const app = express();

//요청에서온걸 파싱 
app.use(express.json({
    limit: '300mb'
}))

//(http)form을 통해서 전송할때 req.body에 넣어준다
app.use(express.urlencoded({
    limit: '300mb',
    parameterLimit: 100000,
    extended: true
}))

app.post('/user', (req,res) => {
    console.log("user API")
    let {nickname,email,password} = req.body
    
})

1-2. 자신이 사용하고자 하는 곳에

this.$axios.('url/*백주소*/',{/*보내고자하는 데이터값들 post get put delete에 따라 다름*/}).then(res => {결과값})

this.$axios.('url/*백주소*/',{/*보내고자하는 데이터값들 post get put delete에 따라 다름*/})
.then(res => {결과값})

signup({commit},payload){ 
  //서버에 회원가입 요청을 보내는 부분
  this.$axios.post("/user",{
  nickname: payload.nickname,
  email: payload.email,
  password : payload.password
}).then(res => {

})
  commit('setMe',payload)
},

 

 

reference : 제로초 Vue로 Nodebird SNS 만들기