Soy nuevo en el desarrollo web y estoy trabajando con un sistema que necesita revisión y desarrollo.

Estoy intentando extraer lo que se guarda en un servidor como un archivo "JSON" al frente y mostrar los datos codificados.

El archivo "JSON" incluye texto como el siguiente:

 {"name": "7.8-15.6kHz",data: [ [Date.UTC(2021, 9, 29, 0, 30, 12),0], [Date.UTC(2021, 9, 29, 0, 30, 12),0], [Date.UTC(2021, 9, 29, 1, 30, 59),0], [Date.UTC(2021, 9, 29, 2, 30, 17),0], [Date.UTC(2021, 9, 29, 3, 30, 15),0],

EDITAR: puse "JSON" entre comillas porque no es json, sin embargo, el archivo que estoy capturando tiene una extensión .json. Este es el resultado de un microproceso que escribió otra persona, y espero usar este archivo "JSON" para obtener datos en el front-end sin tener que manipular el microproceso.

Obviamente, esto incluye objetos Javascript (pasados como cadenas a través de php), así como cadenas y números enteros.

Cuando solicito estos datos a través de jQuery, la respuesta se formatea como un objeto Javascript sin necesidad de hacer nada con la respuesta:

 $.ajax({url:dataHTTP, dataType: "json", type:"POST", data:user, success:function(returnedData){ console.log(returnedData) //Do some stuff with returnedData }})

Mientras estoy migrando a REACT, estoy tratando de lograr lo mismo con Axios:

 const config = { headers: { 'content-type': 'application/json' } } axios({ method: 'post', url: dataURL, data:JSON.stringify(this.state.user), headers:config.headers }).then((res) => { console.log(res.data); //this logs a string of the "JSON" file JSON.parse(res.data); //this throws an error })

¿Cuál es la diferencia aquí y cómo puedo obligar a Axios a tratar esto de la misma manera que lo hace jQuery?