Use Axios.Get with params and config together

Question

How do I use axios.get with params and config together? My code is not working. Please help me this basic issue!

let config = {
    'headers': {'Authorization': 'JWT ' + this.$store.state.token}
}
let f = 0

axios.get('http://localhost:8000/api/v1/f/', {
    params: {
        page: f + 1
    },
    config: this.config
})

Answer 1

Axios takes the entire config in the second argument, not a list of config objects. Put the params inside the config, and pass the entire object as the second argument:

let f = 0

let config = {
  headers: {'Authorization': 'JWT ' + this.$store.state.token},
  params: {
    page: f + 1
  },
}

axios.get('http://localhost:8000/api/v1/f/', config)

Answer 2

If you want to pass a custom header you can do so by

var config = {
    'Authorization': 'JWT ' + this.$store.state.token
}
let f = 0

axios.get('http://localhost:8000/api/v1/f/', {
    params: {
        page: f + 1
    },
    headers: config
})

Please follow the documentation to so see any further requirements, or you can comment here too.

Try this out too:

var config = {
    headers: {'Authorization': 'JWT ' + this.$store.state.token}
};

axios.get('http://localhost:8000/api/v1/f/',{
    params: {
        page: f + 1
    }}, config);

Documention:

1. http://codeheaven.io/how-to-use-axios-as-your-http-client/

2. I can't do a request that needs to set a header with axios

3. https://github.com/axios/axios