-
//axios 实例
let instead=axios.create({
baseurl:Xxx,
timeout:1000
})
instead.get('/data.json').then(res=>{
console.log(res)
})
查看全部 -
//并发请求：同时请求多个接口数据
//axios.all--同时请求多个axios.spread ---请求后统一处理返回值 分割处理
axios.all([
axios.get('/data.json'),
axios.get('/city.json')
]).then(
axios.spread((data res,cityres)=>{
console.log(data res,cityres)
})
查看全部 -
get 获取数据
post 提交数据 整个提交 如图片 表单
put 更新数据 全部数据提交
patch 更新数据 更新修改的数据
delete 删除数据
//post put patch 可使用formData
let formData =new form Data（）
//一种方式
axios.delete('/json',{
params :{
id:12//接口请求会带参数
}
}).then(res=>{
console.log(res)
})
//另一种方式
axios({
method:'delete',
url:'/json',
params:{},
data:{}
}).then(res=>{
console.log(res)
})
查看全部 -
axios 实例
查看全部 -
axios post请求
查看全部 -
axios post请求
查看全部 -
axios get请求
查看全部 -
axios get请求
查看全部 -
post form-data请求
查看全部 -
post请求
用 applicition/json格式携带数据
用form-data格式 （常用来表单提交 图片上传，文件上传）
put和patch请求，是和post的请求方式是一样的，请求数据格式也是两种
delete请求
参数只有两个
并发请求
axios.all()中接收一个数组，数组中可以发送多个请求，axios.spread()中是回调函数，用来接收返回值
创建axios实例
当我们请求的端口号不同，超时时间不同，可以创建axios实例，为其单独配置相关数据
拦截器
在请求或响应被处理前拦截
请求拦截器
响应拦截器
查看全部 -
---axios---
npm install axios 安装
import axios from ‘axios’ 引入
请求的五种方式
Get:请求数据
Post:提交数据（表单提交）
Put:更新数据（所有数据推送给后端）
Patch:更新数据（将更改的数据推送给后端）
Delete:删除数据
查看全部 -
封装请求
async 方法查看全部 -
并发：
axios.all([
{url:"",methed:""},
{url:"",methed:""},
]).then(axios.par...)
查看全部 -
axios错误处理 ：请求错误时进行的处理
axios.interceptors.request.use(config=>{
return config
},err=>{
return Promise.reject(err)
})
axios.interceptors.response.use(res=>{
return res
},err=>{
return Promise.reject(err)
})
//无论是请求错误还是响应错误都会进到catch里
axios.get('/data.json').then(res=>{
}).catch(err=>{
console.log(err)
})
//例子，实际开发中 一般添加统一的错误处理
let instance = axios.create({})
instance.interceptors.request.use(config=>{
return config
},err=>{
//请求错误 一般http状态码开头，常见 401超时 404 not fonud
$('#modal').show()
setTimeout(()=>{
$('#modal').hide()
},2000)
return Promise.reject(err)
})
instance.interceptors.response.use(res=>{
return res
},err=>{
//响应错误处理 一般http开头的状态码以5开头， 500系统错误 502系统重启
$('#modal').show()
setTimeout(()=>{
$('#modal').hide()
},2000)
return Promise.reject(err)
})
//如果是不需要做特殊的错误处理就不需要写.catch
instance.get('/data.json').then(res=>{
console.log(res) //
}).catch(err=>{})查看全部 -
下载老师用node写的后台接口项目，然后启用Powershell窗口安装依赖，然后输入node index.js命令运行，启用接口服务
查看全部
举报