Update config on individual request

[liamjgm]

I want to update the axios config per request and hopefully do something like this

User.get({
    configProperty: configValue
}).then(response => {
    this.users = response.data;
    this.loadingUsers = false;
});

What can I do to achieve this?

[liamjgm]

In my User model I have tried...

get(config) {
    console.log(config)
    return super.get()
}

but the console log gives me undefined

[robsontenorio]

Do you mean set headers for axios request?

[liamjgm]

Yes, any axios config per request. For example I want to call the same endpoint but with different headers

User.get({
   progress: true <!--- progress true --->
}).then(response => {
    this.users = response.data;
    this.loadingUsers = false;
});

or

User.get({
   progress: false <!--- progress false --->
}).then(response => {
    this.users = response.data;
    this.loadingUsers = false;
});

[robsontenorio]

Maybe a new method headers() make sense.

[liamjgm]

This seems to be working well for me...

import { Model as BaseModel } from 'vue-api-query'

export default class Model extends BaseModel {

    // define a base url for a REST API
    baseURL () {
        return process.env.API_BASE_URL
    }

    constructor(...args) {
        args.length ? super(...args) : super()
    }

    static config (config) {
        let self = this.instance()
        self.config(config)

        return self
    }

    config (config) {
        this.config = config
        return config
    }

    // implement a default request method
    request (config) {
        Object.assign(config, this.config);
        return this.$http.request(config)
    }
}