>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 15103 个阅读者 刷新本主题
 * 贴子主题:  在Typescript脚本中使用axios 回复文章 点赞(0)  收藏  
作者:javathinker    发表时间:2021-04-21 03:17:50     消息  查看  搜索  好友  复制  引用

    

一、什么是axios?

axios 是基于 Promise 用于浏览器和 nodejs 的 HTTP 客户端。

1.从浏览器创建 XMLHttpRequest

2.支持 Promise API

3.拦截请求和响应

4.转换请求和响应数据

5.取消请求

6.自动转换 JSON 数据

7.客户端支持防止 CSRF/XSRF => CSRF(Cross-site request forgery跨站请求伪造,也就是钓鱼。详细解释请看链接:https://www.cnblogs.com/Erik_Xu/p/5481441.html

二、axios常见用法

1.执行单个请求:

没有指定 method,请求将默认使用 get 方法

  axios({

         method: 'post',
         url: '/user/12345',

         data: {
             firstName: 'Fred',
             lastName: 'Flintstone'
         }
     })
     .then(function (response) {
         console.log(response);
     })
     .catch(function (error) {
         console.log(error);
     });

2.执行多个请求:

     function getUserAccount() {
       return axios.get('/user/12345');
     }

     function getUserPermissions() {
       return axios.get('/user/12345/permissions');
     }

     axios.all([getUserAccount(), getUserPermissions()])
       .then(axios.spread(function (acct, perms) {
         // 两个请求现在都执行完成
       }));

3.自定义创建实例:

可以使用自定义配置新建一个 axios 实例

     axios.create([config])
     var instance = axios.create({
       baseURL: 'https://some-domain.com/api/',
       timeout: 1000,
       headers: {'X-Custom-Header': 'foobar'}
     });

----------------------------
原文链接:https://www.jianshu.com/p/86ef77d38f5e

程序猿的技术大观园:www.javathinker.net



[这个贴子最后由 flybird 在 2021-05-02 21:40:46 重新编辑]
  Java面向对象编程-->集合(上)
  JavaWeb开发-->JSP中使用JavaBean(Ⅰ)
  JSP与Hibernate开发-->持久化层的映射类型
  Java网络编程-->通过JDBC API访问数据库
  精通Spring-->Vue指令
  Vue3开发-->虚拟DOM和render()函数
  JS 闭包的 9 大经典使用场景
  Vue3.0里为什么要用 Proxy API 替代 defineProperty API ? ...
  Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
  Vue项目PWA化
  JavaScript实现睡眠函数
  彻底明白VUE中的done参数和函数作用
  Vue自定义数据验证指令
  Node.js 实现远程桌面监控
  一看就懂得移动端rem布局、rem如何换算
  jQuery 添加元素
  HTML DOM Li 对象
  JavaScript Error(错误) 对象
  HTML 区块:div和span元素
  jQuery Mobile 方向改变事件
  非常实用的CSS样式
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


中文版权所有: JavaThinker技术网站 Copyright 2016-2026 沪ICP备16029593号-2
荟萃Java程序员智慧的结晶,分享交流Java前沿技术。  联系我们
如有技术文章涉及侵权,请与本站管理员联系。