前端调用后端不同接口的微服务时用axios请求怎么处理

在前端调用后端不同接口的微服务时，可以使用 axios 库进行请求的发送和处理。以下是一个简单的示例：

// 引入 axios 库
import axios from 'axios'

// 定义基础 URL
const baseUrl = 'http://localhost:3000'

// 发送请求的函数
function request(method, url, data) {
  // 拼接请求地址
  url = baseUrl + url

  // 发送请求
  return axios({
    method: method,
    url: url,
    data: data
  })
    .then(response => {
      // 处理响应数据
      return response.data
    })
    .catch(error => {
      // 处理错误
      console.log(error)
      return null
    })
}

// 调用不同接口的示例
request('get', '/api/user')
  .then(data => {
    console.log(data)
  })

request('post', '/api/user', {
  name: 'Alice',
  age: 18
})
  .then(data => {
    console.log(data)
  })

request('put', '/api/user/1', {
  name: 'Bob',
  age: 20
})
  .then(data => {
    console.log(data)
  })

request('delete', '/api/user/1')
  .then(data => {
    console.log(data)
  })

在这个示例中，我们首先定义了基础 URL 为 `http://localhost:3000`，然后定义了一个 `request` 函数，用来发送请求。该函数接受三个参数，分别是请求方法、请求地址和请求数据。在函数中，我们使用 axios 库发送请求，然后处理响应数据和错误信息，并返回处理后的数据。

在调用不同的接口时，我们只需要调用 `request` 函数，并传入相应的参数即可。例如，在调用 `/api/user` 接口时，只需要调用 `request('get', '/api/user')` 即可。其他接口的调用方式类似。

需要注意的是，在微服务架构中，不同的接口可能会由不同的服务提供。因此，我们需要根据实际情况在基础 URL 中加入相应的服务地址前缀，例如 `http://user-service:3000`。