스프링 부트 @RequestMapping annotation

Question

Angular2 + Spring Boot 어플리케이션을 개발 중입니다. 현재로서는 다음과 같습니다.
백엔드 : @RequestMapping으로 주석 된 메소드가있는 @RestController.

@RequestMapping("/main") 
public Band[] main(@RequestParam(value="numberOfBands", required=false, defaultValue="3") int numberOfBands) throws ClientProtocolException, IOException {   
    return random(numberOfBands); 
} 

프런트 엔드 :]에 '/ 메인'초기화시
{ path: '', redirectTo: 'main', pathMatch: 'full' },
, 내 main.component.ts 스프링하는 요청을 전송하고 응답으로서 오브젝트의 배열을 얻을 리디렉션 app.routing.ts, 구성 요소는 다음과 같습니다 http://localhost:8090/에 갈 때

export class MainComponent { 
    bands: Band[]; 
    errorMessage: string; 
    constructor(private bandService: BandService){ 
    //this.bands = new Array(3); 
    bandService.getRandomBands(3) 
    .subscribe(
     bands => this.bands = bands, 
     error => this.errorMessage = <any>error); 
    } 
}  

앱을 /main로 리디렉션 및 밴드가 제대로 전달 구성 요소에 의해 구문 분석됩니다. 하지만 언제든지 페이지를 다시로드하려고 시도 할 때마다 http://localhost:8090/main 일반 JSON 만 가져옵니다. 구성 요소가 올바르게 초기화되지 않은 것처럼 보입니다.
스프링 부트가 주소 표시 줄의 경로를 무시하므로 클라이언트 측에만 관련이 있습니다.
질문 : 서버 측에서 문제가 발생하거나 구성 요소를 부적절하게 초기화하는 것입니까?

UPDATE 내 모든 @RequestMappings에 접두사 "/ API"를 추가하고 ('동일'기능을 테스트하기 위해 단지이다) 다음과 같은 필터를 추가 한
:

if(requestURI.equals("/main")){ 
     RequestDispatcher requestDispatcher = httpServletRequest.getRequestDispatcher("/"); 
     requestDispatcher.forward(req, res); 
    } 
    chain.doFilter(req, res);   

그 후, 전달 프로세스가 예상대로 진행되었습니다.

Answer 1

새로 고침은 항상 서버에 요청을 보냅니다. 예를 들어 /api/...과 같은 특정 경로 아래에 모든 REST API 백엔드를 배치하여 각도 애플리케이션에서 사용되는 '가짜'URL이 백엔드의 실제 URL과 충돌하지 않도록합니다.

그런 다음 모든 가짜 URL에 대한 모든 요청을 /index.html으로 전달하도록 필터를 구성합니다.

따라서 /main에 대한 요청은 귀하의 필터에 의해 차단되어 index.html로 전달됩니다. 각도 적용이 시작됩니다. 라우터는 /main에 대한 경로로 이동합니다. 구성 요소가 /api/main에게 AJAX 요청을 보냅니다. 이 요청은 이 아니며은 필터로 /index.html로 전달되므로 스프링 REST 컨트롤러가 처리하여 JSON을 제공합니다.