>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 20603 个阅读者 刷新本主题
 * 贴子主题:  在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面向对象编程-->Java语言的基本语法和规范
  JavaWeb开发-->使用Session(Ⅰ)
  JSP与Hibernate开发-->数据库事务的并发问题的解决方案
  Java网络编程-->基于UDP的数据报和套接字
  精通Spring-->绑定表单
  Vue3开发-->绑定表单
  VSCode 开发Vue必备插件
  JS 闭包的 9 大经典使用场景
  Vue3.0里为什么要用 Proxy API 替代 defineProperty API ? ...
  彻底明白VUE中的done参数和函数作用
  Thinking In Vue:vue指令的封装
  jQuery 遍历DOM 树中的同胞元素
  jQuery 效果:隐藏和显示
  JavaScript的HTML DOM Column 对象
  JavaScript的Screen 对象
  JavaScript的Window 对象
  JavaScript 正则表达式RegExp 对象
  CSS padding(填充)
  HTML5 内联 SVG
  JavaScript HTML DOM EventListener
  JavaScript 代码规范
  更多...
 IPIP: 已设置保密
楼主      
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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