[ASP.NET] WebApi 에서 ApiController에 Route("api/[controller]")로 붙는 이유

Visual Studio에서 ASP.NET 또는 ASP.NET Core의 WebAPI 프로젝트에서 컨트롤러를 추가할 때, Route("api/[controller]")가 자동으로 붙는것을 확인해본적이 있을 것이다.

 

새 항목 추가메뉴

추가한 결과

프로젝트를 생성할 때 만들어지는 WeatherForecastController 는 단순히 [Route("[controller]")] 만 추가되기 때문에 별 대수롭지 않게 api/ 부분을 제거하는 사람도 존재할지 모른다.

 

하지만 가급적 추가한 채로 사용하도록 하자. 특히 React, Vue와 같은 웹 프론트엔드 개발자와 협업한다면,

 

웹 프론트엔드에도 route 기능이 존재한다. 따라서 React, Vue에서 자체적인 route 적용을 통해 페이지 이동을 컨트롤할 수 있다.

 

문제는 React와 Vue가 만든 URL이기 때문에, 브라우저에 직접 해당 URL를 입력 후 엔터를 치면, 서버와 통신이 발생하기 때문에 원하는 화면이 아닌, 데이터 원형, URL에 직접적인 데이터 제공이 없으면 404 오류를 표시하게 된다.

 

따라서 api/는 제거하지 않는게 좋다.

 

관련한 정보는 아래 링크를 참조하도록 하자. VueJS 내용이지만 React도 통용된다.

 

router.vuejs.org/kr/guide/essentials/history-mode.html#%EC%84%9C%EB%B2%84-%EC%84%A4%EC%A0%95-%EC%98%88%EC%A0%9C

HTML5 히스토리 모드 | Vue Router