如何在 axios 中制作动态 baseURL

Question

Let's say that i have baseURL defined inside a given service as follows:

import axios from 'axios'

const myAPI = axios.create({
  baseURL: 'https://api.domaine.com/',
  withCredentials: false,
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  }
})

export default {

  getUsers(){
     MyAPI.get('/users?order=desc&sort=name');
   },

  getUser(id){
      MyAPI.get('/users/'+id+'?order=desc&sort=name');

  }
....
 

}

In this example ?order=desc&sort=name is repeated for each request how can add it to baseURL and make it dynamic like:

 baseURL: 'https://api.domaine.com/%s?order=desc&sort=name',

where %s could be replaced by '/users/'+id or '/users/' , it's possible like this or there's any other way to parse the URL to make it dynamic?

Answer 1

You should be able to use params field, ie:

const myAPI = axios.create({
  baseURL: 'https://api.domaine.com/',
  withCredentials: false,
  headers: {
    Accept: 'application/json',
    'Content-Type': 'application/json'
  },
  params: {
    order: 'desc',
    sort: 'name'
  }
})

Fiddle: https://jsfiddle.net/kquvw0jy/ (check console network tab to see request)