런타임 시 앱 구성을 업데이트한다. 깊은 할당을 사용하여 app.config 를 업데이트하며, 기존(중첩) 속성은 유지된다. 사용법 const appConfig = useAppConfig() // { foo: 'bar' } const newAppConfig = { foo: 'baz' } updateAppConfig(newAppConfig) console.log(appConfig) // { foo: 'baz' } 참고) Docs > Guide > Directory Structure > App Config

Nuxt는 필요한 경우 전체 화면 오류 페이지를 표시하는 빠르고 간단한 방법을 제공한다. 페이지, 컴포넌트 및 플러그인 내에서 오류를 표시하는데 showError 를 사용할 수 있다. 매개변수 error type : string | Error | Partial showError("😱 Oh no, an error has been thrown.") showError({ statusCode: 404, statusMessage: "Page Not Found" }) 오류는 useError() 을 사용하여 상태에 설정되어 컴포넌트 전반에 걸쳐 반응적이고 SSR 친화적인 공유 오류 상태를 생성한다. 참고) Nuxt-개요 > 오류 처리

Nuxt는 최고 수준의 서버 측 렌더링 지원을 위한 컴포저블과 유틸리티를 제공한다. setResponseStatus 응답의 statusCode(선택적으로 statusMessage)를 설정한다. const event = useRequestEvent() // Set the status code to 404 for a custom 404 page setResponseStatus(event, 404) // Set the status message as well setResponseStatus(event, 404, 'Page Not Found') 브라우저에서는 setResponseStatus 효과가 없다.

setPageLayout을 사용하면 페이지 레이아웃을 동적으로 변경할 수 있다. setPageLayout 은 Nuxt 컨텍스트 접근에 의존적이며 컴포넌트 내 setup 함수, 플러그인 및 경로 미들웨어. 에서만 호출할 수 있다. // middleware/custom-layout.ts export default defineNuxtRouteMiddleware((to) => { // Set the layout on the route you are navigating _to_ setPageLayout('other') }) 서버 측에서 레이아웃을 동적으로 설정하기로 선택한 경우 반드시 Vue에서 하이드레인션 불일치를 방지하기 위해 레이아웃을 렌더링하기 전에 해야 한다(즉, 플러그인 또는 경로 미들웨어 내에서)

reloadNuxtApp 은 앱을 강제로 다시 로드하여 서버에서 페이지와 해당 종속 항목을 다시 요청다. 기본적으로 앱의 현재 state(즉, 액세스할 수 있는 모든 상태 useState )도 저장됩니다. nuxt.config 파일에서 experimental.restoreState 옵션을 활성화하여 이 실험적 기능을 활성화할 수 있다. Type reloadNuxtApp(options?: ReloadNuxtAppOptions) interface ReloadNuxtAppOptions { ttl?: number force?: boolean path?: string persistState?: boolean } options(선택 사항) type : ReloadNuxtAppOptions (다음 속성을 허용하는 객..

refreshNuxtData는 서버에서 모든 데이터를 다시 가져오고 페이지를 업데이트한다. refreshNuxtData 은 서버에서 모든 데이터를 다시 가져오고 페이지를 업데이트하며, useAsyncData, useLazyAsyncData, useFetch 및 useLazyFetch 의 캐시를 무효화 시킨다. Type refreshNuxtData(keys?: string | string[]) 매개변수 keys (선택 사항) : refreshNuxtData 단일 또는 문자열 배열을 key 값으로 선택합니다. key 가 지정되지 않으면 모든 useAsyncData 및 useFetch 는 다시 페치를 시작한다. type : String | String[] 모든 데이터 초기화 아래 예에서는 현재 페이지에서 us..