fetch에 csrf 값 넣는 방법이 궁금합니다

[김수진]

<span th:onclick="fetch('/item?id=[[${i.id}]]', {method : 'DELETE', headers: {
        'Content-Type': 'application/json',
        'X-CSRF-TOKEN': '[[${_csrf.token}]]'}
     })
    .then(r => r.text())
    .then(() => {
        <!-- 새로고침  -->
        location.reload();
    })
">삭제</span>

이렇게 추가후 삭제하기 버튼을 누르면
콘솔에서 Hibernate: select i1_0.id,i1_0.price,i1_0.title from item i1_0 나오고 삭제가 안됩니다 ㅠ

[codingapple]

X-XSRF-TOKEN 이라고해봅시다

[김수진]

xsrf로 바꿔보고 혹시나해서 POST방식으로 테스트도 해봤는데 
DELETE 서버 쪽에서 반응 자체가 없는거 같습니다 ㅠ 

.ignoringRequestMatchers("/item") 추가해서 CSRF 비활성 하면 동작은 잘됩니다 

[codingapple]

'[[${_csrf.token}]]' 에 따옴표 빼봅시다

[김수진]

따옴표가 문제였습니다 감사합니다

[글쓴이]

글