Vue 3基础入门 课件 第8章 axios异步请求.pptxVIP

第8章axios异步请求

8.1.1axios简介axios是一个基于Promise的HTTP库,可用于浏览器和Node.js环境跨端支持拦截机制PromiseAPI浏览器创建XMLHttpRequests,Node,js创建HTTP请求可拦截请求和响应,统一处理逻辑原生支持Promise链式调用优雅处理异步数据转换请求取消安全防护自动转换请求数据和响应数据客户端支持防御XSRF攻击,自动转换JSON数据支持取消正在进行的请求

8.1.2安装axiosnpm安装bower安装CDN引入npminstallaxiosscript标签引入适用于快速原型开发适用于Vue3脚手架项目,推荐方式可配合vue-axios插件一起安装bowerinstallaxios适用于传统前端项目无需构建工具,直接在HTML中引入npminstallaxiosvue-axios安装vue-axios后,组件内可通过this.axios调用

8.1.3基本使用方法GET请求POST请求通过URL传递参数,使用params配置对象传递查询参数;成功时调用then()回调处理响应;失败时调用catch()回调处理错误通过请求体发送数据,比get多一个data参数;同样使用then/catch处理响应与错误关键语法:axios.post(url,data)关键语法:axios.get(url