Vue项目实战：接口错误拦截与环境设置

（一）接口错误拦截

使用场景：

• 统一报错
• 未登录拦截
• 请求值、返回值统一处理

使用axios插件进行拦截:

• 安装axios

  npm i axios --save-dev

• 在main.js文件中加入：

import axios from 'axios'
import VueAxios from 'vue-axios'

axios.defaults.baseURL = '/api';  
axios.defaults.timeout = 8000;
//接口错误拦截  
//其中：第一个参数是拦截业务（接口错误）异常（前提是http状态码是200）的函数，第二个参数拦截http状态码异常的函数。
axios.interceptors.response.use((response) => {
   
  let res = response.data;//这个response不是接口返回，而是axios封装给我们的。response.data才是接口返回值。
  let path = location.hash;
  if (res.status == 0) {
   
    return res.data;
  } else if (res.status == 10) {