¿Cómo cambio jquery ajaxForm a axios?

Ahora existe el siguiente ajaxForm.

 $("#ccForm").ajaxForm({ url: '/api/cc/registCcInfo', type: 'post', dataType: 'json', beforeSend: function (xhr) { xhr.setRequestHeader("Authorization", `Bearer ` + getCookie("deviceToken")); }, success: function (response) { response.status = 200; response.data = {}; response.data.resultCd = response.resultCd; response.data.resultMsg = response.resultMsg; modal.querySelector("button.close").click();

formData se ve así:

 { "ccNo": "", "ccName": "aa", "ccAddress": "", "ccTel": "", "ccX": "", "ccY": "", "perPage": 10, "file": File lastModified: 1642483829515 lastModifiedDate: Tue Jan 18 2022 14:30:29 GMT+0900 (Korean Standard Time) {} name: "3683.jpg" size: 195096 type: "image/jpeg" webkitRelativePath: "" [[Prototype]]: File }

Quiero cambiar estos datos a axios de una vez. No puedo entender cómo el tipo de entrada pasa tanto el texto como el archivo.