[1차 프로젝트]장바구니 통신 함수

장바구니 추가

const postCart = product => {
  fetch('http://10.58.2.81:8000/carts/cart', {
    method: 'POST',
    headers: {
      Authorization: localStorage.getItem('jwt'),
      //헤더에 토큰을 담아 전달
    },
    body: JSON.stringify({
      product_id: product,      
      quantity: 1,
      //바디에 인자로 제품 아이디를 넣어 ,추가로 수량 보냄 
    }),
  })
    .then(response => response.json())
    .then(result => console.log('결과: ', result));
};

장바구니 불러오기

  useEffect(() => {
    fetch('http://10.58.2.81:8000/carts/cart', {
      method: 'GET',
      headers: { Authorization: localStorage.getItem('jwt') },   //헤더에 로컬스토리지에 있는 토큰 삽입
    })
      .then(response => response.json())
      .then(data => setItems(data.carts));
    //응답받은 데이터를 스테이트에 삽입

   }, []);

로그인후 토큰 로컬스테이지 저장

let login = () => {
    fetch('http://10.58.6.107:8000/users/login', {
      method: 'POST',
      body: JSON.stringify({
        email: id, 
        password: pw, 
        //아이디혹은 이메일,페스워드 로그인시 필요한 정보 보내고
      }),
    })
      .then(response => response.json())
      .then(response => {
        if (response.USER_NAME) {
          localStorage.setItem('jwt', response.TOKEN);
          // 토큰 로컬스터리지에 삽입
          navigate('/main-eokhwa');
          ///이후 페이지 이동
          
        }
      });
  };