Axios не может расспарсить JSON

140

22 января 2020, 05:10

Работаю на VueJs с подключением Axios. Не расспарсивает пришедшую с сервера JSON. Формирую JSON строку на PHP из массива с помощью:

$response['status'] = null;
$response['status'] = "Error";
echo json_encode($response);

Код JS

axios({
                method: 'POST',
                headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                url: '../modules/autorisation.php',
                data: {
                    login: this.login,
                    password: this.password
                }
            })
            .then(function(response){
                console.log(response['data']);
                // console.log(JSON.parse(response['data']));
            })
            .catch(function(error){
                console.log(error);
            });

Выводит JSON строку ( {"status":"Error"} ), хотя обычно Axios обычно распарсивает всё самостоятельно. Если пытаюсь расспарсить в ручную, то появляется ошибка, что в json строке ошибка в первом символе.

Answer 1

Попробуйте явно указать тип возвращаемого контента через HTTP заголовок Content-Type:

$response['status'] = "Error";
header('Content-Type: application/json');
echo json_encode($response);

И указать тип принимаемых данных на стороне клиента с помощью параметра responseType:

axios({
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    url: '../modules/autorisation.php',
    data: {
        login: this.login,
        password: this.password
    },
    responseType: 'json'
})