项目总结【vue重构小米商场】

1.接口错误拦截

vue-axios.interceptors(拦截器)

> main.js
//接口错误拦截
axios.interceptors.response.use(function (response) {
  let res = response.data;
  let path=location.hash
  if (res.status == 0) {
    return res.data;
  } else if (res.status ==10) {
    //因为首页的状态码返回10为未登录，会弹到login页面去，主页未登录可以不用跳登录，购物车页面就需要跳转登录页面
    //如果当前页面是首页就不做跳转
    if(path!='#/index')
    window.location.href = '/#/login'
    
  } else {
    alert(res.msg)
    // 抛出错误后不会进入到成功
    return Promise.reject(res)
  }
})

知识要点1 location.hash 是获取当前页面的http的哈希地址
location.hash用这个的前提是vue中默认用的是哈希路由而不是history。
如果是用的history直接用location.href。