Vue-Router 점프 후 콘솔 네트워크에 페이지 요청 정보가없는 이유는 무엇입니까?

vue-router 점프 후 콘솔에 네트워크 요청이없는 이유

페이지 리디렉션에 vue-router를 사용할 때 브라우저 콘솔의 네트워크 탭에는 Vue-Router의 SPA (단일 페이지 응용 프로그램) 아키텍처와 관련된 새로운 요청이 표시되지 않을 수 있습니다. 새로 고침이 서버가 전체 페이지를 다시로드하도록 트리거되므로 페이지를 새로 고치면 요청이 표시됩니다.

더 명확하게 설명하자 :

vue-router를 사용하여 페이지로 점프하면 앱은 서버에서 새 HTML 페이지를 요청하지 않습니다. 대신 vue-router는 클라이언트 측의 현재 페이지의 내용을 동적으로 업데이트합니다. 이는 페이지 내용의 변경이 서버를 통해 새로운 리소스를 요청하지 않고 브라우저 내부에서 발생 함을 의미합니다. 따라서 네트워크 탭에는 새 요청이 나타나지 않습니다.

(예 : 그림 1은 여기에 삽입해야합니다)

그러나 페이지를 새로 고치면 브라우저가 서버에서 전체 페이지를 직접 요청하면 네트워크 탭에 새 요청이 표시됩니다.

(예 : 그림 2는 여기에 삽입해야합니다)

이것은 기존 웹 사이트와 다릅니다. 기존 웹 사이트는 페이지가 점프 할 때마다 새 HTML 페이지를로드 할 때마다 서버에 요청을 보냅니다. 첫 번째로드 후 SPA는 서버에서 데이터 만 요청하고 페이지 렌더링 및 업데이트는 클라이언트에서 완료됩니다. 이 접근법은 성능 및 사용자 경험을 향상시킬 수 있지만 Vue-Router가 점프 할 때 네트워크 탭에 요청이 표시되지 않는 이유를 설명합니다.

SPA의 작동 원리 (단일 페이지 응용 프로그램)에 익숙하지 않은 경우 Vue-Router의 작업 메커니즘을 더 잘 이해하기 위해 관련 지식에 대해 자세히 알아 보는 것이 좋습니다.

위 내용은 Vue-Router 점프 후 콘솔 네트워크에 페이지 요청 정보가없는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!