Integrate with axios

[biigpongsatorn]

Integrate with axios

[biigpongsatorn]

@heihachi88 This example code is true. Try to check your fetchData function again. It return Promise right ?

[avxkim]

    fetchData: _.debounce(function (offset = false) {
      // console.log(offset)
      axios.get(globalConfig.ORDERS_URL, {
        withCredentials: true,
        headers: {
          'Authorization': auth.getAuthHeader()
        }
      })
        .then((resp) => {
          this.req = resp.data
          // console.log(resp)
        })
        .catch((err) => {
          console.log(err)
          if (err.response.status === 403) {
            auth.logout()
          }
        })
    }, 500),

[biigpongsatorn]

@heihachi88
You must set async/await in your function.

fetchData: async _.debounce(async (offset = false) => {
   await axios.get...
}, 500)

[avxkim]

With await it's going to wait until i get response from get reqeust?

[biigpongsatorn]

@heihachi88 Yes

[avxkim]

it's not possible to set await inside a function, as you described above, it returns an error:

Syntax Error: await is a reserved word (311:6)

[biigpongsatorn]

This is not problem of vue-element-loading, Your problem is async/await function. You can learn more about it here.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function