如何在axios中制作动态baseURL

Question

假设我在给定服务中定义了baseURL，如下所示：

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');

  }
....
 

}

在此示例中，?order=desc&sort=name 为每个请求重复，如何将其添加到 baseURL 并使其像动态一样：

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

其中%s 可以替换为'/users/'+id 或'/users/'，可能是这样，或者有任何其他方法可以解析URL 以使其动态化？

Answer 1

您应该能够使用 params 字段，即：

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

小提琴：https://jsfiddle.net/kquvw0jy/（检查控制台网络选项卡以查看请求）