element ui 怎么取出token 调用_Vue实战13——接口封装优化与利用Element-UI优化导航栏...

上文中Vue实战12—Api接口封装引入代理数据与Element-ui库，我们引入了Element-Ui库，和封装了接口，同时也有朋友在评论里说axios的封装不好，本篇文章，将优化这块儿的封装，同时介绍如何利用Element-Ui美化我们的导航栏。本项目地址：

https://gitee.com/vuejslearn/news-list.git

---

创建axios拦截器

打开项目中util目录里的http.js文件，在开始的时候，我们创建一个axios实例：

const http = axios.create({ // 请求超时时间 timeout: 5000})

实例很简单，只有一个请求的超时时间。接着，我们在下面创建请求的拦截器。这里要感谢热心评论的网友，指出的axios封装的问题，axios用promise封装确实不太好。这里如果对于数据的通用处理，最好还是使用拦截器比较好。axios的拦截器分两类：请求拦截器，相应拦截器，是指在请求或响应被 then 或 catch 处理前拦截它们。

官方文档的说明

因此，我们继续实现我们的拦截器：

• 请求拦截

我们在请求拦截