javascript - Axios - How to read JSON response?

Question

Axios 0.17.1

.then(function (response) {
                console.log(response);
                //console.log(response.status);
                //It is an error -> SyntaxError: Unexpected token u in JSON at position 0 
                console.log(JSON.parse(response.data.error));
                console.log(response.data.error); //undefined.

The console.log of response is

{data: "{"error":"Name must be entered with more than one … NULL?
["isPipe":protected]=>? NULL? }?}?", status: 203, statusText: "Non-Authoritative Information", headers: {…}, config: {…}, …} config : {adapter: ?, transformRequest: {…}, transformResponse: {…}, timeout: 0, xsrfCookieName: "XSRF-TOKEN", …} data : "{"error":"Name must be entered with more than one character."}object(SlimHttpResponse)#32 (5) {? ["status":protected]=>? int(200)? ["reasonPhrase":protected]=>? string(0) ""? ["protocolVersion":protected]=>? string(3) "1.1"? ["headers":protected]=>? object(SlimHttpHeaders)#33 (1) {?
["data":protected]=>? array(1) {? ["content-type"]=>?
array(2) {? ["value"]=>? array(1) {? [0]=>?
string(24) "text/html; charset=UTF-8"? }?
["originalKey"]=>? string(12) "Content-Type"? }? }? }? ["body":protected]=>? object(SlimHttpBody)#31 (7) {?
["stream":protected]=>? resource(59) of type (stream)?
["meta":protected]=>? NULL? ["readable":protected]=>? NULL?
["writable":protected]=>? NULL? ["seekable":protected]=>?
NULL? ["size":protected]=>? NULL? ["isPipe":protected]=>?
NULL? }?}?" headers : {content-type: "application/json;charset=utf-8"} request : XMLHttpRequest {onreadystatechange: ?, readyState: 4, timeout: 0, withCredentials: false, upload: XMLHttpRequestUpload, …} status : 203 statusText : "Non-Authoritative Information" proto : Object

JSON.parse(response.data) as well as response.data.error -> Both are giving error. How can i read the data?

Slimframework 3.

$data = array('error' => 'Name must be entered with more than one character.');
        $newResponse = $response->withJson($data, 203);
        return $newResponse;

Answer 1

In Axios responses are already served as javascript object, no need to parse, simply get response and access data.