1. 前言

我们以前编写了前端的请求拦截器，将token加进请求头里面。有请求拦截器，必有响应拦截器。拦截后端发送的响应。

这里我们有这样的一个需求，若后端的微服务挂掉之后，我们需要拦截后端的错误，前端给出提醒。这样，响应拦截器就发挥了作用。

2. 代码编写

修改VUE的main.js文件

//响应拦截器
axios.interceptors.response.use(function (response) {
  return response;
},function (error) {
  window.alert("该接口出错了，请联系开发人员");
  return Promise.reject(error);
});
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.

3. 测试

关闭my-user微服务，模拟微服务挂掉，我们尝试登陆。

相对来说，更符合人性化。

微服务和VUE入门教程(17)： VUE 响应拦截器_web