devNote

랜더링 설정

서버 측 렌더링을 한다는 건  사용자가 요청이 있을 시 서버에서 요청 페이지를 렌더링 되므로, 당연히 서버가 필요하다.

적정 사이트는 서버측 렌더링과 매우 비슷하지만, 차이점은 정적 사이트가 빌드 시에 랜더링 된다는 것이다. 그래서 서버가 필요 없고, 정적 사이트 내에서 페이지 이동은 클라이언트 측에서 이동된다.

export default { 
	ssr: true // 기본값
}

ssr을 false로 하면 서버 측 렌더링을 안 함으로 설정

AWS S3와 같은 곳에선 ssr: false로 설정

타겟 설정

nuxt generate명령은 웹 사이트의 정적 html을 생성하고 dist/ 디렉터리에 파일을 이동한다.

성능이 좀 더 좋아지고, SEO 및 기타 다른 지원을 좋게 한다.

export default {
  target: 'static' // 기본값 'server'
}

• context에서 req, res 제거된다.
• 404, 오류, 리다이렉션 처리는 클라이언트 측에서 처리
• $route.query 사용.
• process.static 속성은 true

AWS S3로 사용 시 static