http://localhost:5000/api/user/signup
입력 후 send 누르면 토큰 발급 후 mongoDB에 확인하면
user가 추가된게 확인된다.
src 폴더 내에 services 폴더 생성 후 userService.js 생성
import apiClient from "../utils/api-client";
export async function signup(user, profile) {
const body = new FormData();
body.append("name", user.name);
body.append("email", user.email);
body.append("password", user.password);
body.append("deliveryAddress", user.deliveryAddress);
body.append("profilePic", profile);
await apiClient.post("/user/signup", body);
}
SignupPage.jsx
import { signup } from "../../services/userServices";
//가입하기
const submitData = async (formData) => {
await signup(formData, profilePic);
};
테스트를 위해 password 유효성 길이를 8자 이상으로 수정한다.
(백엔드에서 8자 이상 받기로 되어있음)
submit버튼을 누르면 mongoDb에 저장된것이 확인된다.
똑같은 이메일로 가입시 에러메세지가 돌아온다.
'FRONTEND > React' 카테고리의 다른 글
[myCart] 로그인 페이지/JWT 토큰 발급과 로컬스토리지에 토큰 저장 후 홈페이지로 이동 (0) | 2023.12.21 |
---|---|
[myCart] signup에러 출력 (0) | 2023.12.21 |
[myCart] 상품 상세 페이지 수량 증감 버튼 (0) | 2023.12.20 |
[myCart] 로딩 중 화면 표시할 Loader 컴포넌트 생성 (0) | 2023.12.20 |
[myCart] 상품 상세 페이지 (1) | 2023.12.20 |