서버 사이드 렌더링 - vue.js

진성대·2023년 3월 22일
0

Vue.js

목록 보기
1/13

Nuxt를 사용한 서버 측 렌더링 단계

1단계 : 브라우저에서 서버로

  • 브라우저가 초기 요청을 보내면 Node.js 내부 서버에 도달
  • Nuxt는 HTML을 생성하고 실행된 함수의 결과와 함께 브라우저로 다시 보냅니다 (예 : asyncData, nuxtSeverInit, fetch)
  • 후크기능도 실행됩니다.

2단계 : 서버에서 브라우저로

  • 브라우저는 생성된 HTML과 함께 서버에서 렌더링된 페이지를 수신합니다.
  • 콘텐츠가 표시되고 vue.js가 응답되어 반응합니다.
  • 이 프로세스 후 페이지는 반응형입니다.

3단계 : 브라우저에서 브라우저로

  • 페이지 간 탐색은 NuxtLink 클라이언트 측에서 수행되므로 브라우저를 강제로 새로 고치지 않는 한 서버를 다시 누르지 않습니다.
profile
신입 개발자

0개의 댓글