axios로 api 호출시 uri 중첩??

Question

게시물 상세페이지 (localhost:8080/post/{id})에서 삭제 버튼을 누르면 localhost:8080/post/{id}으로 delete 요청을 보내는 구조입니다.deleteBtn.addEventListener('click', (e)&#61;> { e.preventDefault(); axios.delete(&#96;http://localhost:8081/post/${id}&#96;) .then(response &#61;> { window.location.href &#61; '/'; }) .catch(error &#61;> { console.log(error); }); });&#64;DeleteMapping(&#34;/post/{id}&#34;) public void delete(&#64;PathVariable(&#34;id&#34;) Long id) { postService.delete(id); } 제가 보기에는 문제가 없어 보이는데 아래 사진과 같이 post가 중첩되는 이유가 뭘까요... RequestMapping('/post) 이런 것도 없는 상태입니다. 아래는 게시물 상세페이지 (localhost:8080/post/{id})에서 수정하는 페이지로 이동하는 건데 axios의 url을 절대경로로 해도 중첩이 되는데 이유가 뭘까요...ㅠㅠupdateBtn.addEventListener('click', ()&#61;> { axios.get(&#96;/post/${id}/update&#96;) .then(response &#61;> { console.log(response); }) .catch(error &#61;> { console.log(error); }) });&#64;GetMapping(&#34;/post/{id}/update&#34;) public ModelAndView editForm(&#64;PathVariable(&#34;id&#34;) Long id) { PostResponseDto responseDto &#61; postService.findById(id); ModelAndView mav &#61; new ModelAndView(); mav.addObject(&#34;post&#34;, responseDto); mav.setViewName(&#34;post_update_form&#34;); return mav; }

Clickin · Answer

전송되는 url이 이상한거면 혹시 interceptor 설정되어있지 않나요혹은 base url을 localhost:8081/post로 설정하셨을 수도 있겠고요

kenu · Answer

코드 혹시 공유 될지요?코드 공유 감사합니다.DB는 H2, HSQL 어떤 것 사용하시나요?

axios로 api 호출시 uri 중첩??

2개의 답변

Q&A 목록