장바구니 추가를 반복적으로 하다 보면 가끔 500에러가 발생합니다.

1. key값을 cartItem.id로 설정했더니, 동일한 아이템을 장바구니에 담기를 했을 경우 아래와 같이 에러가 발생하고 있습니다.

vue.runtime.esm.js?2b0e:619 [Vue warn]: Duplicate keys detected: '0'. This may cause an update error.

found in

---> <Pages/cart.vue> at pages/cart.vue
       <Nuxt>
         <Layouts/default.vue> at layouts/default.vue
           <Root>

이거는 key값이 중복되었을 때 발생하는 오류인데 혹시나 동일한 이슈가 생겨서 찾는 분이 계실것 같아서 올렸습니다. key를 index로 잡으면 없어지긴 합니다.

2. 코드는 강사님이 작성한 것과 동일하게 넣고 테스트를 하는데, 잘 되다가도 간혹 에러페이지로 가는 경우가 발생해서 네트워크와 백엔드 쪽을 확인해보니 아래와 같이 id가 중복된다는 코멘트가 발생하고 있습니다.

구글링을 해봤지만 뭔가 잘 해결이 안되서 문의드립니다.

GET /products 200 3.164 ms - 4120

GET /products/0 304 2.824 ms - -

POST /carts 201 3.226 ms - 122

GET /products 304 2.879 ms - -

GET /products/0 304 2.879 ms - -

POST /carts 201 3.532 ms - 122

GET /products 304 2.907 ms - -

GET /products/2 304 2.832 ms - -

Error: Insert failed, duplicate id
    at Function.insert (/Users/nuxt-store/backend/node_modules/lodash-id/src/index.js:49:18)
    at /Users/nuxt-store/backend/node_modules/lodash/lodash.js:4430:28
    at arrayReduce (/Users/nuxt-store/backend/node_modules/lodash/lodash.js:697:21)
    at baseWrapperValue (/Users/nuxt-store/backend/node_modules/lodash/lodash.js:4429:14)
    at LodashWrapper.wrapperValue (/Users/nuxt-store/backend/node_modules/lodash/lodash.js:9114:14)
    at create (/Users/nuxt-store/backend/node_modules/json-server/lib/server/router/plural.js:239:48)
    at Layer.handle [as handle_request] (/Users/nuxt-store/backend/node_modules/express/lib/router/layer.js:95:5)
    at next (/Users/nuxt-store/backend/node_modules/express/lib/router/route.js:137:13)
    at next (/Users/nuxt-store/backend/node_modules/express/lib/router/route.js:131:14)
    at Route.dispatch (/Users/nuxt-store/backend/node_modules/express/lib/router/route.js:112:3)

POST /carts 500 2.016 ms - -