새로운 강의는 이제 https://memi.dev 에서 진행합니다.
memi가 Vue & Firebase로 직접 만든 새로운 사이트를 소개합니다.

바로가기


모던웹(NEMV) 혼자 제작 하기 3기 - 18 api 설정하기

최대 1 분 소요

깃헙에 올린 새 프로젝트에서 api 설정하는 것을 다시 정리해봅니다.

새로운 저장소니 지난 강좌를 가다듬는 정도로 보시면 됩니다.

기존 소스 코드 정리

  • pug 부분 삭제
  • api 추가

예외 처리

be/api/index.js

var createError = require('http-errors'); //상단에 추가

router.all('*', function(req, res, next) {
  next(createError(404, '그런 api 없어'));
});

모르는 url, 예를 들어 api/abc 등이 들어오면 app.js에 있는 에러 라우터로 이동시킵니다.

바로 응답을 주지 않고 next에 createError를 실어서 에러 핸들러로 보내는 것이죠..

be/app.js

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.send({ msg: err.message })
});

html 페이지를 주는 것이 아닌 JSON 데이터를 던져주는 것입니다.

소스

깃헙 소스는 아래 링크에 있습니다.

https://github.com/fkkmemi/nemv3

영상

영상에서 저장을 안하고 안된다고 실수하는 부분 양해바랍니다~

에디터에 자동저장 기능이 없어서 매번 해메이는 중..

댓글남기기