>>分享Web前端开发技术,并对孙卫琴的《精通Vue.js:Web前端开发技术详解》提供技术支持 书籍支持  卫琴直播  品书摘要  在线测试  资源下载  联系我们
发表一个新主题 开启一个新投票 回复文章 您是本文章第 15090 个阅读者 刷新本主题
 * 贴子主题:  在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开发-->JSP技术详解(Ⅱ)
  JSP与Hibernate开发-->JPA API的高级用法
  Java网络编程-->客户端协议处理框架
  精通Spring-->计算属性和数据监听
  Vue3开发-->创建综合购物网站应用
  Webpack 插件开发指南
  javaScript中"=="和"==="运算符的区别
  07、手把手教Vue--路由「Vue-router」 - TigerChain
  Vue 项目从 Vue CLI 2 升级到 Vue CLI 4
  CSS3的@keyframes用法详解
  Vue自定义数据验证指令
  基于vue和springmvc前后端分离,json类接口调用介绍
  JS 循环删除数组
  前端图片压缩库images-quickly-compress
  SQL NULL 值
  jQuery与AJAX的整合简介
  jQuery 添加元素
  JavaScript中的HTML DOM Button 对象
  JavaScript Date 对象
  HTML支持的多媒体(Media)
  更多...
 IPIP: 已设置保密
树形列表:   
1页 0条记录 当前第1
发表一个新主题 开启一个新投票 回复文章


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