React axios

안녕하세요 대학 동기와 미니 프로젝트를 진행중인 학생입니다. 친구는 리엑트를 이용한 프론트엔드를 저는 스프링부트를 이용한 백엔드를 맡고 있습니다. 본론으로 들어가자면 현재 프론트 측에서 성향테스트 답변들을 json으로 백엔드에 넘겨주면 백엔드는 이를 분석해 mbti 명을 반환해줍니다. 이때 요청은 post형식의 /api/mbti로 통일했는데 응답 이후 똑같은 post형식의 /api/(리턴된 mbti명)으로 요청이 들어오고 있습니다. 왜 한번더 의도하지않는 요청이 가는지 그리고 왜 리턴된 값으로 요청이 가는지를 모르겠습니다.. 프론트엔드 오류 코드는 다음과 같습니다.

1export default function Resultpage(){
2    const location = useLocation()
3    const mbtilist = location.state.sellist
4
5    useEffect(() => {
6        console.log(23)
7        axios({
8            method : 'post',
9            url : '/api/mbti',
10            data : mbtilist
11        })
12        .then(res => {
13            console.log(17)
14            console.log(res)
15        }
16        )
17        .catch(err => {
18            console.log(err)
19            console.log(24)
20        })
21    },[])
22
23    return(
24        <div className="resultpagebox">
25            <div className="result">
26                <h2 className="result-title">당신과 어울리는 두부는</h2>
27                hihi
28            </div>
29        </div>
30    )
31}

이 질문이 도움이 되었나요?

'추천해요' 버튼을 누르면 좋은 질문이 더 많은 사람에게 노출될 수 있어요. '보충이 필요해요' 버튼을 누르면 질문자에게 질문 내용 보충을 요청하는 알림이 가요.

추천해요 1

보충이 필요해요 0

익명님의 질문