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

在Vue 3.x 中，`service.interceptors.response.use` 的功能通常会被集成到 `setup()` 函数中的 `provide/inject` 或者 `useEffect`、`onMounted` 等生命周期钩子里。这里是一个简单的转化示例：

// 定义响应拦截器
import { onMounted } from 'vue';

const responseInterceptor = (response) => {
  // 返回处理后的数据
  return response.data;
};

const errorInterceptor = (error) => {
  // 处理错误
  console.error('Response intercept error:', error);
};

// 使用时，在 setup 函数中安装拦截器
export default function useResponseInterceptors() {
  onMounted(() => {
    // 如果有全局的axios实例，例如在Vuex中
    const axios = this.$axios; // 假设你已经注入了axios

    axios.interceptors.response.use(responseInterceptor, errorInterceptor);
  });
}

然后在需要的地方通过 `useResponseInterceptors` 注入这个拦截器：

import { useResponseInterceptors } from './your-interceptor-module.vue';

export default {
  setup() {
    useResponseInterceptors();
    // 其他组件初始化逻辑...
    return {};
  },
};