현재 프론트를 뷰와 axios를 사용하여 구성하고 서버쪽은 django로 프로젝트 진행 중 입니다.

비디오 파일을 서버 쪽으로 보내는 작업 중 csrf 403오류가 발생합니다.

현재 제가 csrf 오류를 막기 위해서 한것은

1.

자바스크립트 코드에 axios csrf_token 설정을 해 두었습니다.

axios.defaults.xsrfCookieName = 'csrftoken';
axios.defaults.xsrfHeaderName = 'x-CSRFToken';
axios.defaults.withCredentials = true

post('/convert/upload/', form)
           .then(function (res) {
            if (vm.fileList.length === 1) {
                            vm.fileNamesWithCheck[0].convertedFileUrl = res.data.url_one;
                            vm.fileNamesWithCheck[0].fileUploaded = true                        
                        } else {
                            vm.fileNamesWithCheck[0].convertedFileUrl = res.data.url_one;                       
                        }
                        // 변환하기 버튼이 뜨도록 만드는 checkconverted버튼 true
                        vm.forConvertButton[0].checkConverted = true;
                        // 보내고 나서 파일 크기 나타내는 부분 없애기
                        vm.fileSizeCheck = false;
                    })

2.

django setting.py 파일에 CSRF_COOKIE_NAME = "XSRF-TOKEN",

post에 해당하는 view.py 함수위에 @ensure_csrf_cookie 설정을 해 두었습니다.

이러한 설정을 해두었는데도 csrf 403에러가 발생합니다. 혹시 axios 설정 중 제가 놓친 부분이 있을까요?