service.interceptors.response.use((response) => { return response.data }, err)vue2.x转化为vue3.x
时间: 2024-09-19 11:01:56 浏览: 33
Vue开发中整合axios的文件整理
在Vue 2.x 中,`service.interceptors.response.use` 是一个响应拦截器,用于处理HTTP请求的响应。在 Vue 3.x 中,这个功能已经被内置的 `axios` 拦截器替换,并且使用了 async/await 的语法。下面是Vue 3.x 中对应的代码:
```javascript
import { createApp, provide } from 'vue';
import axios from 'axios';
const app = createApp(App);
app.config.globalProperties.$axios = axios;
// 添加全局响应拦截器
app.config.globalProperties.$httpInterceptorResponse = axios.interceptors.response.use(
(response) => {
return response.data;
},
(error) => {
// 错误处理
console.error('Error:', error);
return Promise.reject(error);
}
);
provide(app, 'axios', axios); // 提供给组件使用
app.mount('#app');
```
在这里,我们创建了一个全局属性 `$httpInterceptorResponse` 来处理响应,然后在需要的地方使用 `$axios` 进行请求。
阅读全文