在对request封装文件中, 想对后台接口的响应进行一些统一的处理, 设置响应拦截器的时候, 发现拿不到后台返回的数据,这种得怎么拿到后台返回的数据呢 现在主要是后端接口会返回一个code码,通过这个判断权限,现在拦截器中拿不到后端数据
本问题来自阿里云开发者社区的【11大垂直技术领域开发者社群】。 https://developer.aliyun.com/article/706511 点击链接欢迎加入感兴趣的技术领域群。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。
在使用阿里云的相关服务时,如果你是在前端对请求进行封装并设置响应拦截器来统一处理后台接口的返回数据,通常会涉及到JavaScript的异步操作以及可能使用的库(如axios、fetch等)来管理HTTP请求。以axios为例,你可以通过其内置的拦截器功能来实现你的需求。
如果你想在响应拦截器中获取后端返回的数据,并根据code码进行权限判断,可以参考以下示例代码:
import axios from 'axios';
// 创建axios实例
const service = axios.create({
baseURL: process.env.VUE_APP_BASE_API, // api的base_url
timeout: 5000 // 请求超时时间
});
// 设置响应拦截器
service.interceptors.response.use(
response => {
// 这里是成功返回的处理,response.data包含后端返回的数据
const { code, data, message } = response.data;
// 根据code进行处理
if (code === 200) {
return data; // 返回data给到具体的请求调用处
} else if (code === /* 其他code,比如权限相关 */) {
// 处理权限问题,比如跳转登录页、提示信息等
console.error('Permission issue:', message);
// 可能需要抛出错误或执行特定逻辑
throw new Error(message); // 或者其他自定义错误处理
} else {
// 其他code的处理逻辑
console.error('Unprocessed error code:', code, message);
throw new Error(`Request failed with code ${code}: ${message}`);
}
},
error => {
// 这里是响应错误的处理,error.response可能包含错误信息
console.error('Response error:', error.response && error.response.data);
// 根据错误情况做相应处理,比如提示用户
return Promise.reject(error); // 返回Promise.reject以便链式调用中能捕获错误
}
);
export default service;
这段代码展示了如何使用axios的响应拦截器来统一处理后端返回的数据。关键在于理解response => {...}
这个函数内部就是处理成功响应的地方,你可以在这里访问到response.data
,进而根据其中的code码进行不同的逻辑处理。如果遇到错误,第二个函数error => {...}
会被触发,用于处理网络错误或其他导致请求失败的情况。
请确保你的后端接口确实按照预期格式返回了数据和code码,且前端请求配置正确无误。