service.interceptors.response.use((response) => { return response.data }, err)vue2.x转化vue3.x
时间: 2024-09-18 14:10:22 浏览: 63
Vue开发中整合axios的文件整理
在Vue 2.x中,`service.interceptors.response.use`是一个响应拦截器,用于处理API请求的响应。在Vue 3.x中,这个功能被重构到了`setup`函数中,并且使用了Composition API的方式。以下是转换后的示例:
```javascript
import { onMounted } from 'vue'
const useResponseInterceptor = (response) => {
return response.data
}
// 使用 setup 函数创建插件
export default function createAppWithInterceptor(app) {
// 当组件挂载时添加响应拦截器
onMounted(() => {
app.config.globalProperties.$http.onResponseUse = useResponseInterceptor
})
return app
}
```
在这个例子中,我们定义了一个名为`useResponseInterceptor`的函数,然后在`createAppWithInterceptor`函数中,在组件挂载时将这个拦截器应用到`$http`上。这样,每次HTTP响应返回时,都会自动调用这个拦截器处理数据。
阅读全文