如何构建Vue Axios服务以返回promise树

时间:2018-02-15 21:03:52

标签: javascript vue.js axios

我知道我应该更加努力。

vue方法

methods: {
    userLogin: function()
    {
        var loginJson = []
        loginJson = JSON.stringify(this.login);
        UserService.login(loginJson);
       //Somehow read the promise, then and catch. 
       // like 
       // loginReturn.then(function(response){
       //     console.log(response);
       // })
        //.catch(function(error){
        //    console.log(error);
        //})                 
    }
}

尝试在js文件中为vue创建一些服务。

var axios = require('axios')
export default { //I don't think this is correct?

    //Set up some build variable    
    login(data){
        let baseUrl = "http://coolwebsite.com/api/user/login";
        return axios.post(baseUrl, data);

          // .then(function (response) {
          //   console.log(response);
          // })
          // .catch(function (error) {
          //   console.log(error);
          // });

    }
}

我想将回复函数返回给函数。让登录功能处理承诺并找出屏幕上需要发生的事情。

1 个答案:

答案 0 :(得分:1)

根据您发布的内容,它将是:

UserService.login(loginJson).then(response => {
   // handle response...
}).catch(error => {
   // handle error...
})

您已设置login以从axios返回承诺,因此请继续链接。