vue中axios的基本使用(一)
一、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// y...
·
一、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)
}))
更多推荐
已为社区贡献1条内容
所有评论(0)