php - vue-resource的get请求拿不到数据

Question

如题，代码如下：

//main.js
    ...
    this.$http.get('./api/test.php').then((response)=>{
        console.log(response);
    },(response)=>{
        console.log('error');
    });

<?php
    //test.php
    echo json_encode(array('ret'=>0,'msg'=>'登陆成功','userinfo'=>array('username'=>'gdfgdfg')));
?>

控制台打印出来的结果：

本地：vue:v2.1.0;webpack-dev-server:v2.1.0

问题描述：拿不到想要的数据，试过php里面什么都不写，控制台输出的也是这个...求解？谢谢

Answer 1

已解决，没有配置好PHP环境导致的~·囧

Answer 2

因为response是个封装的Response类的实例，你需要调用它的json方法来获取后端传来的json。

this.$http.get('./api/test.php')
        .then(res=>res.json())
        .then(data=>{
            // 这里就是一个js对象了。
            console.log(data);
        }).catch((err)=>{
            console.log('error');
        });