프런트엔드 index.html 페이지에 대한 URL 링크만 제공하고 인터페이스 API를 작성하고 나머지는 프런트엔드에 맡기면 됩니다.

예, 올바르게 이해하셨습니다
라우팅에 의존하여 스위치 구성 요소에 의존하고 백그라운드에서 API를 제공하는 항목 파일이 하나뿐입니다

1. 일회성 반환 여부는 코드의 비동기 로딩 및 공통 부분 추출을 수행했는지 여부에 따라 다릅니다.
2. 스파 페이지 전환은 프런트 엔드 라우팅을 통해 탐색됩니다. 완전히 분리되어 있고, 코드가 결합되어 있지 않으며, 서버에서만 데이터 서비스를 제공합니다. 프런트엔드는 ajax를 통해 서버 인터페이스를 호출하고 데이터를 얻은 후 페이지를 업데이트합니다.

전통적: 프런트엔드는 여러 페이지로 구성되며 백엔드는 데이터 구성, 라우팅 구현, 심지어 페이지 콘텐츠 생성까지 담당합니다.
현재: 프런트엔드는 단일 페이지 또는 소수의 페이지로 구성됩니다(단일 페이지 애플리케이션). 프런트엔드 프레임워크는 라우팅 구성 및 페이지 콘텐츠 전환(일반적으로 페이지를 구성 요소/구성 요소로 분할)을 담당하는 반면, 백엔드는 API 서비스 제공과 데이터 송수신만 담당합니다.
이렇게 프론트엔드와 백엔드는 기본적으로 분리되어 분리되어 있습니다.

백엔드는 프런트엔드에 필요한 데이터 제공만 담당합니다. 페이지 간 전환 및 사용자 상호작용과 같은 기타 로직의 구현은 프런트엔드에서 완료됩니다.
스파 단일 페이지에는 전체 프로젝트에 대한 입구로 하나의 index.html 페이지만 필요하며 필요한 js 파일을 소개합니다. 요청 시 다른 js 파일을 로드할 수 있으며 특정 페이지 콘텐츠는 js에 의해 동적으로 생성 및 렌더링될 수 있습니다. . 때때로 페이지 변경은 재요청이나 새로 고침이 아니라 이벤트 기반이며 해당 메서드를 실행하여 현재 페이지를 다시 렌더링하는 경우가 있습니다.

모든 것은 Ajax의 부분 새로 고침으로 시작됩니다.

전통적인 웹에서는 브라우저가 URL을 입력하고 페이지를 반환합니다.

나중에 사람들은 이것이 리소스를 너무 낭비한다는 것을 알게 되었습니다. 예를 들어, 좋아요를 클릭하면 데이터베이스와 페이지의 좋아요 수가 +1이 될 것이므로 페이지를 새로 고치면 됩니다. '부분 새로 고침'.

나중에 영리한 개발자는 해시 경로 세그먼트(#header 모양)가 서버에 요청을 보내지 않을 것이라고 생각하여 앵커를 클릭하면 작은 페이지를 로드하고 부분적으로 새로 고친 다음 브라우저의 롤백과 같은 기능을 구현하기 위한 히스토리 그런 다음 프런트엔드 라우팅을 생성하면 됩니다.

사실 프런트 엔드 라우팅은 본질적으로 부분 새로 고침이지만 더 표준화되었습니다. 이 새로 고침은 뷰와 데이터를 포함하는 완전한 구성 요소를 다시 가져오는데, 하나는 뒤에서 전달되는 데이터입니다. 프런트엔드는 당분간 데이터베이스 데이터가 되고, 나머지 하나는 뷰의 더 나은 관리를 위해 프런트엔드에서 생성되는 데이터로 당분간 뷰 데이터가 됩니다.

이야기를 나누고 나면 SPA가 무엇인지 분석해 볼 수 있습니다.

SPA는 Single Page Application의 약어로 중국어로 Single Page란 무엇일까요? 이 페이지는 보통 프로젝트의 진입 파일인 index.html 입니다. 프로젝트의 시작부터 끝까지, 브라우저는 항상 이 페이지에 있으며, 표시되는 변경 사항은 구성 요소의 생성 및 삭제일 뿐입니다. 예를 들어 이 페이지에 부트스트랩을 도입하면(좋은 생각이 아님) 모든 것이 변경됩니다.

... 이제 더 이상 글을 쓸 수가 없네요. 나머지는 너무 길어서 언젠가 설명을 드려야겠습니다.

간단히 말하면 프런트엔드는 뷰를 제공하고 백엔드는 json 데이터를 제공하여 프런트엔드 페이지를 렌더링합니다.