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

在 Vue 3 中，将这个 Angular 的拦截器功能转换成响应式编程中的 `setup` 函数或全局混入（mixins），可以这样做：

// 使用 setup 函数在组件中
import { onMounted } from 'vue'

export default {
  setup() {
    const handleResponse = (response) => response.data

    // 如果需要在组件生命周期初始化时执行拦截操作
    onMounted(() => {
      axios.interceptors.response.use(handleResponse, (err) => {
        // 错误处理逻辑
        console.error('Error:', err)
      })
    })

    return {
      // 如果你需要在组件内部访问该函数，可以返回它
      onResponse: handleResponse
    }
  }
}

或者如果你要在全局混入中实现：

// 全局混入文件 responseInterceptor.js
export default {
  install(Vue, options) {
    axios.interceptors.response.use(options.success || (response) => response.data, options.error || (err) => {
      console.error('Error:', err)
    })
  },
}

// 在其他组件中导入并使用
import ResponseInterceptor from '@/utils/responseInterceptor'
Vue.use(ResponseInterceptor)

在这个例子中，`options.success` 和 `options.error` 可以作为接收函数的参数传递，用于自定义拦截器的行为。