1. 前言
我们以前编写了前端的请求拦截器,将token加进请求头里面。有请求拦截器,必有响应拦截器。拦截后端发送的响应。
这里我们有这样的一个需求,若后端的微服务挂掉之后,我们需要拦截后端的错误,前端给出提醒。这样,响应拦截器就发挥了作用。
2. 代码编写
修改VUE的main.js文件
//响应拦截器
axios.interceptors.response.use(function (response) {
return response;
},function (error) {
window.alert("该接口出错了,请联系开发人员");
return Promise.reject(error);
});
3. 测试
关闭my-user微服务,模拟微服务挂掉,我们尝试登陆。
相对来说,更符合人性化。