如何配置Vue的axios

82 阅读1分钟

创建vue

配置Vue的axios我们先需要创建一个Vue的项目

我们可以先打开软件在终端去输入Vue -ui去选择创建Vue2.0的项目

其他的我们只需要去安装一些命令,我们这次讲的是配置axios就不详细的去讲了

创建文件夹

我们先创建一个可以放置axios.js的文件夹我比较喜欢叫utils

image.png

官网

axios 这个是axios的官放网站我们可以打开官方网站去复制下面这段代码 当然我们需要在axios里面去引入一个axios的请求

image.png image.png image.png 我们把这段代码复制到刚才创建好的axios.js的js文件里面

需要修改的地方

大家可以看到我们封装的请求头用的名字是什么,我们就把下面得axios改成和上面一样的名字

image.png

如何拼接token

我们在使用接口请求登录的时候我们要去拼接一下token,这样我们才能获取到数据
首先我们要在function(config){}里面去写一个判断,我们去判断一下登陆的时候我们的值存到存储里面没有可不可以获取出来
如果我们可以获取到登录存入的值我们就可以使用了,判断成功后我们就可以进行拼接

image.png

验证状态

我们需要用返回值来比对是不是和接口的返回值相同

image.png

抛出

自配置完上面那些我们就可以抛出了

image.png

小结

接下来我们看一下完成的代码

image.png