axios 的详解

axios 详解

axios 是ajax 和 promise 在一起的封装

vue 内发送请求，有很多插件 常用的有 axios fetch

如果想在vue中使用axios

1，下载/安装 axios

2，如果项目比较小 建议在页面直接引入 import axios from “axios”

3，挂在原型上 在main.js中 引入 import axios from "axios" 用Vue.prototype.$axios="axios"

axios的二次封装

import axios from “axios”

let http = axios.create({ 创建一个axios实例

baseUrl：‘设置基准地址’，

timeOut：‘设置超时时间’

})

http.interceptors.request.use（config=>{ 请求拦截

可以设置token config.headers.token=‘’

还可以设置loading

}

http.interceptoer.response.use(res=>{ 响应拦截

结束请求loading

处理 一些 错误的 状态

})

以上是在main.js中进行的二次封装axios

组件封装axios

在src 文件夹下创建一个 ax的文件夹 创建一个request.js的文件

1，引入axios

2，注册axios实例 let http=axios.create（{设置基准地址 超时时间}）

3，设置请求拦截

4，设置相应拦截

5，将http暴露出去 export default http

6，新建一个ax.js的文件 引入http import http “http的路径”

在ax.js文件中 暴露方法 export const querybanner=()=>http.get（'请求地址'）