Ax ios значение ключа объекта ответа не определено

Question

Я пытаюсь получить доступ к объекту key, но он возвращает undefined. Вот код

axios.post(url, {section: allSection, numero :'806UAB51251'})   
.then(res => {
  console.log(res.data.firstname);
})
.catch(function (error) {
  console.log(error);
});

, когда я делаю console.log(res.data); Он дает мне

{"firstname":"Lilo","lastname":"CHAPE","section":"","number":"21299345"}

Но console.log(res.data.firstname); дает undefined.

Код из php сервер:

function displayCard($section, $firstname, $lastname, $number, $groupe) {
 $data=array('firstname'=>$firstname,'lastname'=>$lastname,'groupe'=>$groupe,'section'=>$section,'number'=>$number);
 echo json_encode($data, JSON_PRETTY_PRINT);
 ...
}

Answer 1

Итак, проблема действительно была json, я разместил код в другом месте и заметил пропущенный символ " { ", когда я output json, так что я сделал:

var badJSON = response.data;
    var obj = eval( '(' + badJSON + ')' );
    console.log( obj );    // Logs: Object {a: "b"}
    console.log( obj.firstname, obj.lastname );

Проблема исправлена !