inflearn logo
강의

講義

知識共有

Nuxt.jsを始める

エラーページの定義方法

error 페이지

911

tkaqkeldk5261

投稿した質問数 18

2

nuxt 버전이 바뀜에 따라 default 페이지가 없는데, 
plug in 으로 등록해 줘야하나요 ?  

vuejs ssr nuxtjs

回答 5

3

tkaqkeldk5261

자문자답 입니다 . 

layouts 폴더 생성후 -> 똑같은 구조에 

props 로 error 를 받게되면  status Code 를 받을수 있었군요 

 

<template>
  <div>
    <h1 v-if="error.statusCode === 404">Page not found</h1>
    <h1 v-else>An error occurred</h1>

    <NuxtLink to="/">Home page</NuxtLink>
  </div>
</template>

<script>
export default {
  props: {
    error: {
      typeObject,
      default: () => {},
    },
  },
};
</script>
 

1

dmsdud49721445

.eslintrc.js 파일 rules 안에 'vue/multi-word-component-names': ["error", {

      "ignores" : ['error']

    }],

이렇게 설정 해주시면 오류 안 뜰거에요!

1

neobacademy

Nuxt Docs Error Page

저 같은 경우는 윗 링크 참고해서 해결했습니다. `nuxt @ v2.15.8`

<template>
  <div>
    <h1 v-if="error.statusCode === 404">Page not found</h1>
    <h1 v-else>An error occurred</h1>
    <NuxtLink to="/">Home page</NuxtLink>
  </div>
</template>

<script>
  export default {
    props: ['error'],
    layout: 'error' // you can set a custom layout for the error page
  }
</script>

0

wkdejrtlr

안녕하세요.

저도 같은 문제에 있는데요. root경로에 layouts 폴더 생성 후 error.vue 파일 생성하신건가요?

맞다면 eslint에서 파일명은 항상 multi-word로 만들어야된다는 에러는 안뜨셨나요?

1

dewdew

움 저도.. 같은 질문인데요.. 위의 분과 같이 하여도 적용이 안되서 질문드립니다 ㅠ

 

너무 초보적인 질문인거 같은데요 ㅠㅠ

혹시 nuxt를 버전을 선택해서 설치 하는 방법은 어떻게 될까요??

0

captain

안녕하세요 fD님, 최근에 Nuxt 버전 업이 되면서 달라진 점에 대해서 잘 파악하고 답변해 주셔서 감사합니다 :) Nuxt 메이저 버전 업 되고 나면 추가로 강의 내용 업데이트 할 예정이니 참고해 주세요.

@yeonju님, npm으로 설치할 때 특정 버전을 설치하시고 싶으면 아래와 같이 설치하시면 됩니다 :)

npm install nuxt@2.15.3

판교님, 50% 학생 할인 쿠폰

0

139

2

캡틴님 커리어 질문 있습니다

0

77

1

nuxt 최신버전 설치 후 layouts 없어서 직접 폴더 생성 후 문제

1

349

1

vue나 nuxt 새로운 강의는 출시 예정이 없으실까요?

0

186

1

24년 강의를 들으면서 에러나는 부분 정리

2

339

2

공식홈페이지에 설치방법이 바뀐거같아요

1

405

3

layouts폴더와 default.vue에대해서 궁금한 점 있습니다!

1

383

2

자료가 없습니다.

1

285

2

에러 페이지 정의 방법 강의 문의

1

333

2

SSG -> SSR 배포 방식 전환

1

526

2

갑자기 화면에 에러가 나오네요..

1

449

2

마지막 강의까지 작성된 코드

1

295

2

JSON Server Operator 링크에 Operator 가 없습니다.

1

224

2

Vue2 EOL 관련해서..

1

463

2

env.baseUrl 문제

1

625

2

블로그 기능 질문입니다!

1

457

3

node 버전 문제 질문입니다.

1

224

1

폴더구조 다른것 안내 부탁드려요

1

458

1

npm run generate 배포

1

678

2

캡틴판교 선생님 너무 궁금해서 질문드립니다 ㅜ

1

326

2

nuxt.config.js 에서 baseurl 지정하는 방법

2

992

1

db.json 안에 이미지 아래 본문 처럼 바꾸면 랜덤으로 나옵니다.

2

611

3

axios 설치 후 새로고침 시 에러 발생할 때 해결 방법 입니다.

2

769

2

SSG 배포가 현재 상품,장바구니에는 맞지 않는 배포방식인거죠?

1

387

2