一、Axios特性:

(1)支持promise API
(2)拦截请求和响应数据
(3)转换请求数据和响应数据
(4)取消请求
(5)自动转换JSON数据
(6)客户端支持防御XSRF

二、Axios的基础用法

vue-cli3.x创建项目:vue create axios-vue
然后运行项目:

 $ cd axios-vue
 $ yarn serve // npm run serve// yarn run serve

添加axios组件:两种语法自行选择

yarn add axios // npm install axios

axios的请求方法 :get post put patch delete
(1)get:获取数据
(2)post:提交数据(表单提交+文件)
(3)put:更新数据(全部数据提交到后端)
(4)patch:更新数据(只将修改的数据推送到后端)
(5)delete:删除数据
并发请求:同时进行多个请求,并统一处理返回值
基本样式为:

//axios.all()  axios.spread()
    axios.all([
        //下面的是axios的请求
        axios.get('/data.json'),
        axios.get('/city.json')
    ]).then(axios.spread((dataRes,cityRes)=>{
        //dataRes cityRes是请求的返回值
        console.log(dataRes,cityRes)
    }))
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐