service.interceptors.response.use((response) => { return response.data }, err)转化vue3.x

在Vue 3.x中，`service.interceptors.response.use` 是一个响应拦截器，用于处理HTTP请求的响应。这个函数通常在Vue.js的`axios`配置中使用，目的是对每个响应数据进行操作或错误处理。如果要将其转换成 Vue 3 的写法，你可以这样做：

import { createApp, provide } from 'vue'
import axios from 'axios'

// 创建一个响应拦截器函数
const responseInterceptor = (response) => {
  return response.data
}

const errorInterceptor = (error) => {
  // 处理错误，这里只返回了一个空对象，可根据实际需求修改
  return {}
}

// 配置axios实例，添加拦截器
const app = createApp(App)
app.config.globalProperties.$http = axios.create({
  interceptors: {
    response: [
      responseInterceptor,
      // 如果你想在responseInterceptor之后再处理错误，可以将errorInterceptor放在这里
      // errorInterceptor,
    ],
    error: errorInterceptor, // 错误拦截器
  }
})

// 提供$http给整个应用使用
provide(app, 'http', app.config.globalProperties.$http)

// 启动应用
app.mount('#app')