axios拦截请求跳转
官方文档：http://www.axios-js.com/zh-cn/docs/\#%E6%8B%A6%E6%88%AA%E5%99%A8
拦截器定义好后的请求数据方法有两种：一种是定义好拦截器的页面内直接写service axios请求；另一种，是另外一个页面导入拦截器，然后封装service请求(其实就是axios请求)。
活跃于三个文件夹：view util api
1、axios模块
2、axios请求封装原理
3、axios拦截器
请求拦截器
请求拦截器的作用是在请求发送前进行一些操作，例如在每个请求体里加上token，统一做了处理如果以后要改也非常容易。
响应拦截器
响应拦截器的作用是在接收到响应后进行一些操作，例如在服务器返回登录状态失效，需要重新登录的时候，跳转到登录页。
4、axios拦截器初体验
在util工具文件夹中创建request.js文件用来编写拦截器。
下面的是官网上给的：与我们写的略微不同的是，官网直接用axios 请求，而我们是创建了一个axios实例添加拦截器，并且后续axios封装，也是用实例来进行。
定义好后的使用方式有两种。
第一种：在拦截器文件里进行测试。
第二种：在页面中引用之后查看请求情况。看下个章节。
在项目中有很多请求，在管理的时候很不方便，那么我门需要对请求进行封装。
在src下创建api文件夹，统一管理axios请求。
注意：建议一个页面创建一个请求文件方便管理
在api文件夹的对应文件中引用拦截器文件。
在封装请求文件中编写请求并暴露出来。
我的：
老师的：
在需要的地方引用调用请求。
比如我的：
老师的：
我们请求数据时要写请求地址，如果我们直接使用，就如上面请求一样，从http协议开始如 ，当有一天我们想要更改url请求地址的时候，你是不是要把所有请求里面的url全部重新更改一下，很麻烦对不对。
那有没有什么方法，让我们只更改一次域名如http://www.weather.com.cn，就可以在数据请求中全部替换掉？还真有，可以把数据请求中的url地址封装一下，允许我们以后只更新一次域名，全部的请求就可以更改掉。
流程：
1、最好在自定义src/api中另新建一个文件夹，用来存放封装好的数据请求地址。
用于封装数据请求地址。把当前与该域名有关的所有的请求地址放在api/url/index.js中。
2、可以定义一个或多个不同地址，然后暴露出来。
3、使用这些已经封装好的url时，先导入文件(随便给个名字比如url)，然后引用文件中某个对象地址。
4、如果配置了代理跨域
5、则把相关地方的url改了，用代理跨域自定义的接口名替代，比如我用的 /api
然后在请求中使用这个封装好的url地址，使用方法跟上面的一样。
主要就是这三项：axios拦截器、axios封装请求、封装url请求地址。
在axios请求中，一定注意封装性。然后拦截器肯定会有的，就算不同公司用的可能不一样。
野性酷女
系统管理员
偏执的太偏执、
╰+哭是因爲堅強的太久メ
我就是我
骑猪看日落
傷城~
还没有评论，来说两句吧...