封装项目中消息提示框和axios请求遮罩层,axios封装

659 阅读1分钟

1:在项目中,一般在axios请求中,都相应添加一个loading遮罩层,那不可能在每次请求中操作,所以这里需要利用axios的请求拦截和响应拦截。 2.发送请求前加载loading,数据响应后中断loading。

image.png 以上是利用element-ui中Loading做出相应封装,loading遮罩层, showMessage是消息提示框封装(这个只是个人),感觉还是直接用elementui的,不需要再次封装

image.png

这里就是axios的相关配置,这里引入router,因为后续请求没有权限的页面 需要router.push返回登录页面,如果没有权限或者不需要返回登录页就不需要这个,