Vue js. access axios in get function

Question

im trying to get access to the axios instance in this little api client im making. how can i acheive that? What i want to do is to be able to call axios in getUsers.

import axios from 'axios'

/*export const API = axios.create({
  baseURL: 'http://jsonplaceholder.typicode.com/'  
})*/

let getReq = new Request('https://jsonplaceholder.typicode.com/users', {
  method: 'GET',
  header: new Headers()
})

export default class Api {
  static getUsers () {
    const request = getReq
    return axios.get()
      .then(response => response.json())
  }

}

dvnguyen · Accepted Answer · 2018-01-23 17:24:08Z

1

Use an axios instance. In your case, it's API. Uncomment the API definition block, remove the export directive, and use it:

import axios from 'axios'

const API = axios.create({
  baseURL: 'http://jsonplaceholder.typicode.com/'  
})

export default class Api {
  static getUsers () {

    API.get('users/')
      .then(response => {/*do something with response.data here*/})
  }
}

answered Jan 23, 2018 at 17:24

dvnguyen

3,0301 gold badge20 silver badges24 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

user2952238 Over a year ago

What about if i want to call getUsers() from another file?

dvnguyen Over a year ago

Put that function in another file, say, api.js: export { getUsers() {...} }, then import in from your file: import {getUsers} from 'api';

Collectives™ on Stack Overflow

Vue js. access axios in get function

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related