2016-05-31 6 views
1

데이터 본문을 제공하는 axios.post 메서드를 수행 할 때 내 서버에서 정의되지 않은 것으로 캡처되는 이유를 알 수 없습니다.axios 및 express로 POST 요청 처리

app.js :

auth(user, pass){ 
    return axios.post('http://localhost:3000/auth', { 
     username: user, 
     password: pass 
    }) 
} 

server.js : 내가 제대로 POST를 처리 할 수있는 방법이야

app.post('/auth', (req, res) => { 
    console.log(req.body) //undefined 
    res.end("Success") 
}) 

나는 코드의 조각과 함께 다음과 같은 파일이 axios를 사용하는 데이터? 내가 놓친 게 있니?

성공은 좋은 반환하지만 사용자 이름/암호가

+0

xhr 요청을 처리하기 위해 요청 처리기를 사용하기 전에 Express에서 미들웨어를 사용하고 있습니까? 같은 : 'app.use ('/ *', 기능 (REQ, 고해상도, 다음) { res.header ("액세스 제어 - 허용 - 기원", "*"); res.header ( res.header ("액세스 제어 허용 메소드", "GET, HEAD, OPTIONS, POST, PUT"), res.header ("Access-Control-Allow-Credentials" 액세스 제어 요청 헤더, 출처, 승인, X- 요청 됨, 컨텐트 유형, 액세스 제어 요청 방법, 액세스 제어 요청 헤더) ") (); }); –

+0

아, 네, webpack-dev-middleware와 webpack-hot-middleware를 사용하고있는 것 같습니다. 비록 내가 그 POST 처리에 영향을 미칠 것이라고 생각하지 않습니다. 나는 [보일러 플레이트] (https://github.com/choonkending/react-webpack-node) –

+0

을 사용하고 있기 때문에 더 깊이 파고 들어야 할 수도 있습니다. 실제로 POST 요청을 처리하기 위해 bodyParser를 사용하는 것처럼 보입니다. –

답변

2

내가 내 모든 미들웨어 순서가 설치 한 판명 REQ 어디에서나 발견 할 수없는 것; 미들웨어를 사용하기 전에 내 server.js 파일에서 POST를 처리하려고했습니다.

+0

비슷한 문제가 있지만 어떻게 해결했는지 이해할 수 없습니다. –

+2

늦게 답변 해 주셔서 감사합니다. 필자의 상황에서는 모든 미들웨어가 어떤 경로를 설정하기 전에 처리해야한다는 것을 분명히해야했습니다. 따라서 모든 GET 또는 POST 경로를 실행하기 전에 app.use ([middleware]) 구성을 실행하도록 설정해야합니다. –