inflearn logo
강의

講義

知識共有

プロジェクトで学ぶVue.js 3

x-total-count 및 db.json id값 문제

906

bokbok1234

投稿した質問数 1

0

x-total-count가 undefined로 나옵니다 ㅠㅠ

무슨 일일까요..

 

 

 그리고..

db.json - id값 문제,,uuid로 들어가는 거 같은데,,,
또 id값이 스트링으로 또 들어가네요ㅠㅠ

 

 

***

혹시 몰라서 저렇게 x-total-count 추가해놓긴했는데

페이징 번호 눌러도 첫번째 페이지말고는 데이터를 가져오질 않네요..

깃허브에 올려놓으신 코드 봐도 x-total-count 헤더에 추가한 코드말고는 다른 게 없습니다.

 

&버전차이일까요? node.js 일부러 낮은 버전 설치하면 json-server가 node랑 버전이 안맞는다고 안돌아가더라고요.
그래서 node 버전을 LTS최신버전으로 설치하긴했는데..

 const getTodos = async (page = currentPage.value) => {
      
      currentPage.value = page;
      try {
      
        const res = await axios.get(
          
          `http://localhost:3000/todos?_page=${page}&_limit=${limit}`
          
        );        

        const total = await axios.get('http://localhost:3000/todos'); //전체 리스트 가져오기
        const totalList = total.data.length; //가져온 전체리스트의 길이

        res.headers.set("Access-Control-Expose-Headers", "x-total-count");
        res.headers.set(
          "x-total-count", totalList
       ) //그냥..어거지로 만들어 줌..

       console.log(res.headers["x-total-count"]) 

        numberOfTodos.value = res.headers["x-total-count"];
        console.log(res.data)
        todos.value = res.data;
      } catch (err) {
        console.log(err);
        error.value = 'Something went wrong!';
      }
    }

 

vue.js 웹앱 vuex

回答 1

5

bokbok1234

자문자답합니다. json-server 버전문제였네요.

json-server 설치하실 때

npm install -g json-server@0.17.0

이미 설치된 버전 삭제하실려면 npm uninstall -g json-server
위 명령어로 삭제하시고 0.17.0 버전 설치하시면 되긴합니다.

 

버전 낮춰서 설치하니 id값도 1부터 차례대로 잘 들어가네요.

 

0

namic1231587

와 이거 해결하려고 몇 시간 찾아봤는데 감사합니다!

0

nuihc

저도 생각 없이 최신버전(1.0.0-beta.0) 쓰다가 오류나길래 문서 보면서 코드 추가로 작성하다 보니 빠르게 vue 훑어보려는 목적에서 벗어나는 것 같아서 그냥 밀고 구버전 설치했습니다..

numberOfPages 결과 nan

0

409

2

todos 질문입니다.

0

280

2

작동은 되긴 하는데 해당 메세지는 왜 뜨는걸까요?

1

358

0

강의노트 문의

0

360

1

개발툴 글자체, 크기, 색깔 세팅 문의

0

219

1

onMount 관련 강의가 몇강에 있었죠?ㅠㅠ

0

307

1

json server실행/중지 문의드립니다!

0

475

1

3:53 분에 HelloWorld 태그 인식을 못해서 오류 발생하비낟!

0

458

1

블로그 정리 관련 질문드립니다~

0

423

2

Composition API?

0

390

1

24강에서 computed의 종속성이 변경도록 return하는데, 그러면 computed가 다시 실행되나요?

0

390

1

구조가 다름...

0

481

1

59강 API body 질문입니다.

0

294

1

로그인과 같이 레이아웃이 완전 다른 페이지를 만들때는 router 를 어떻게 할까요?

0

431

1

vue CLI 설치 관련 문의드립니다.

0

585

1

31강 DB질문

0

416

1

to와 :to의 차이점

0

442

1

52강의 originalTpdp ref 와 todo ref

0

546

1

delete todo 함수를 prop으로 내려주지 않는 이유는 무엇인가요??

0

405

1

computed 와 검색 기능 추가 질문드려요.

0

442

1

[33강] pagination2 numberOfPages 호출

0

379

1

리렌더링 관련 질문

0

330

1

배포 관련 질문드립니다.

0

307

1

30강 질문드립니다.

0

220

1