如何在 VueJS Mixin 中 return 值

Question

我目前正在用 Vuejs 开发一个网络应用程序。我创建了一个可以全局访问的 Mixin，它处理对我的 api:

的任何请求

export default {

  data() {
    return {
      apiURL: 'http://example.com/api',
      timeout: 10000,
    };
  },

  methods: {

    callAPI(method, url, body) {
      this.$http({
        url: this.apiURL + url,
        method,
        body,
        timeout: this.timeout,
      })
      .then((response) =>
        response,
      (response) => {
        if (response.data.error) {
            this.error = response.data.error;
        } else {
          this.error = 'We can\'t connect to the server. Please try again in a few minutes.';
        }
        return response;
      });
      // return 'test';
    },

  },

};

现在，在我的一些组件中，我调用了 api 函数：

const api_response = this.callAPI('POST', '/auth', credentials);
alert (api_response);

它工作正常，但有一件事没有按预期工作。我希望我的 api_response 常量具有 response 的值，但它始终是 undefined。所以每次我收到 undefined 的警报。这怎么可能？当我取消注释 return 'test' 行时，它起作用了：我收到了 test 的警报，但它似乎在 this.$http 部分不起作用...

Answer 1

您的 callAPI 没有 return 语句，因此 returns undefined。如果它返回你的 $http 电话，它仍然不会给你 response，而是 a Promise，所以你会想做类似

的事情

let api_response;
this.callAPI('POST', '/auth', credentials).then((response) => api_response = response);

如何在 VueJS Mixin 中 return 值

How to return value in VueJS Mixin

javascript

vue.js

vue-resource

vue-component