位置: IT常识 - 正文

axios 的使用(axios有哪些常用方法)

编辑:rootadmin
axios 的使用 axios的使用目录axios的使用axios介绍axios中文文档cdn引入axiosaxios发起get请求:axios发起post请求创建axios实例axios拦截器(interceptor)axios介绍

推荐整理分享axios 的使用(axios有哪些常用方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:axios怎么使用,axios的使用,axios用法示例,axios有哪些常用方法,axios用法示例,axios用法示例,axios的使用教程,axios的使用,内容如对您有帮助,希望把文章链接给更多的朋友!

官方介绍: axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。 简单来说,axios 用于发送异步 http 请求,用于在 vue 中替代 ajax(vue 中使用 axios,jquery 中使用 ajax)。

axios中文文档

axios起步 axios中文文档

cdn引入axios

使用 jsDelivr CDN:

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

使用 unpkg CDN:

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>axios 的使用(axios有哪些常用方法)

在我的电脑上,jsDelivr CDN引入要快一点。

axios发起get请求:// 向给定ID的用户发起请求axios.get('url/user?ID=12345') .then(function (response) { // 处理成功情况 console.log(response); }) .catch(function (error) { // 处理错误情况 console.log(error); }) .then(function () { // 总是会执行 });

get 请求也可以使用以下方式:

axios.get('url/user', { params: { ID: 12345 } }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); }) .then(function () { // 总是会执行 }); axios发起post请求axios.post('url/user', { firstName: 'Fred', lastName: 'Flintstone' }) .then(function (response) { console.log(response); }) .catch(function (error) { console.log(error); });创建axios实例

如果网页中多处使用 axios 请求同一个网址,当需要修改网址时,则需要大量改动,所以可以通过创建 axios 实例 (instance) ,只改动实例即可:

const instance = axios.create({ // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL baseURL: 'https://some-domain.com/api/', //超时时间:5s timeout: 5000, headers: {'X-Custom-Header': 'foobar'}});//get中具体的URL就可以省略,请求时baseURL会自动加在'/user'前instance.get('/user?ID=12345') .then(function (response) { // 处理成功情况 console.log(response); }) .catch(function (error) { // 处理错误情况 console.log(error); }) .then(function () { // 总是会执行 });axios拦截器(interceptor)

作用: 用来将 axios 中共有参数,响应公共处理交给拦截器处理,减少 axios 发送请求时的代码冗余。

拦截器类型:axios分为请求拦截器 (request) 和响应拦截器 (response),请求拦截器在发送请求时处理,响应拦截器在收到响应时处理。

拦截器使用:

请求拦截器:const instance = axios.create({ // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL baseURL: 'https://some-domain.com/api/', //超时时间:5s timeout: 5000,});// 添加请求拦截器instance.interceptors.request.use(function (config) { // 在发送请求之前做些什么 // config——配置对象,通过对config的处理进行请求时增强操作 console.log(config); // 如果请求中没有"?",添加"?",否则添加"&" if (config.url.indexOf("?") == -1) { config.url += "?token=1234"; } else { config.url += "&token=1234"; } return config;}, function (error) { // 对请求错误做些什么 return Promise.reject(error);});

config 对象展示: 可以看到 config 中的信息是 axios 的请求配置信息。 2. 响应拦截器

// 添加响应拦截器instance.interceptors.response.use(function (response) { // 2xx 范围内的状态码都会触发该函数。 // 对响应数据做点什么 console.log(response); // 可以代替catch if (response.status != 200) { alert("服务器错误"); } return response;}, function (error) { // 超出 2xx 范围的状态码都会触发该函数。 // 对响应错误做点什么 return Promise.reject(error);});

response 对象就是后端返回的 json 数据:

本文链接地址:https://www.jiuchutong.com/zhishi/293086.html 转载请保留说明!

上一篇:前端技术中的几种居中方式(前端的基本知识)

下一篇:Vue2项目创建步骤(vue项目创建流程)

  • 买卖煤矿
  • 其他综合收益属于损益类科目吗
  • 非营利组织免交的增值税转入哪个科目
  • 小规模纳税人季度多少免税
  • 小规模纳税人未开票收入如何填申报表
  • 房租费可以摊销吗
  • 固定资产折旧摊销表A105080
  • 在建工程转固定资产的条件
  • 在租赁的土地上建房产权归谁
  • 在建的项目
  • 债转股企业所得税资本公积
  • 对外支付佣金代扣代缴
  • 个人独资企业怎么转有限公司
  • 小规模纳税人按什么标准纳税
  • 不能远程补报之前的税款所属期
  • 同一地级行政区范围内举例
  • 企业范围内已利用的荒山要交城镇土地使用税吗
  • 接待客户的住宿费账务处理
  • 企业所得税三项费用扣除
  • 怎样处理教育费附加会计分录?
  • 增值税一般纳税人与小规模纳税人的区别
  • 税局代开专票作废怎么做账
  • 个人取得的哪些收入属于经营所得
  • 跨月发票冲红账怎么做
  • 股票质押得到的钱怎么算
  • 在线上网测试
  • 使用的磁盘空间在哪
  • 王者荣耀如何进入3D视角
  • 抵扣后增值税税率
  • 分期付款购买的商品
  • php odbc
  • 白兰花的养殖方法和注意事项和病虫害
  • PHP:__halt_compiler()的用法_misc函数
  • php jsondecode
  • 白鹤芋好养活吗
  • php echo语句
  • 残疾人就业保障金计入什么科目
  • 前端常见错误
  • 前端部署发布项目有哪些
  • 因果推断的常用标准
  • 人工智能机器人
  • 税务三方协议怎么重签
  • 经营性应收项目和经营性应付项目
  • 技术研发费用包括哪些
  • 固定资产是价税合计吗
  • 员工持股平台合伙企业如何设立
  • 海关缴款书能重开吗
  • 报销宽带费属于什么费用
  • 个体工商户免费开票额度
  • ibm db2认证
  • mysql如何分类
  • 一般纳税人每月开票不能超过多少
  • 所得税核定征收的政策
  • 行政单位基建账地质灾害评估报告计哪个科目
  • 没有合同的收入能入账吗
  • 购买固定资产记账
  • 航天金穗服务费可以抵扣吗
  • 房地产成本的概念
  • 预提福利费
  • 暂估入账是什么意思
  • 工会经费是应付职工福利还是管理费用
  • 数据库语言主要有哪几种
  • mysql远程访问不了
  • centos svn服务器搭建web
  • centos安装编译环境
  • win7系统锁屏密码
  • 在u盘安装软件插上就能用
  • ubuntu14.04升级
  • linux怎么操作文件
  • 远程桌面的文件怎么无法复制到本地桌面
  • 使用和启动故障的区别
  • win8怎么改文件格式
  • win10怎么切任务管理
  • nodejs常用api
  • linux与windows
  • 黑马程序员android移动开发基础教程
  • js输出100以内能被5整除的数
  • 印花税当期没有发生可以不用申报吗
  • 企业内部清欠的措施和做法
  • 跨区域涉税事项报告表
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设