csrf token 문제 발생 합니다.

Vue.js - Django 연동 웹 프로그래밍 (실전편)

Create 기능 테스트하기

작성

611

안녕하세요.

제가 지금까지 edge로 개발을 하다가, vue dev tools 떄문에 chrome으로 작업 브라우저를 옮겼는데 그 이 후부터 csrf 토큰 403 에러가 발생합니다.

일단 미들웨어서 csrf 관련 내용을 주석 처리하니까 실행은 되는데 혹시 이 문제가 왜 발생하는지 해결방안은 있는지 궁금합니다.

답변 2

지식공유자

안녕하세요. 독자님.

보통은 발생하지 않으나, 독자님처럼 브라우저를 바꾸는 경우 등 특별한 경우에, csrftoken 이 없는 경우가 발생합니다.

이런 경우는 독자님 해결방안 처럼, edge 에서 chrome 으로 복사해 줘도 되고,

장고에서 정식 해결 방안이 있습니다.

아래와 같이 ensure_csrf_cookie 데코레이터를 사용해서, 강제로 csrftoken 을 만들어주면 됩니다.

========================================================

from django.utils.decorators import method_decorator

from django.views.decorators.csrf import ensure_csrf_cookie

@method_decorator(ensure_csrf_cookie, name='dispatch')

class ApiPostLV(BaseListView):

(이하 동일)

질문자

크롬에는 axios.defaults.xsrfCookieNmae = "csrftoken" 이런식의 지정 방식이 안 먹히는거 같습니다. edge에서 csrf token 값이랑 session id 를 복사해서 chrome cookie에 직접 넣어주면 작동합니다.

인프런 커뮤니티 질문&답변