Vue推荐使用axios 发送网络请求:最近重新开始做Vue项目,重新回归一下。从axios的几个方法开始吧。

1. 安装: 既然是Vue项目,我还是选择常用的npm的方式

$ npm install axios  (-d)

  2. 引入: const axios =  require('axios')  或者babel转化用ESmodule的方式  const axios = import('axios')

  3.请求: GET 请求,请求方式都非常灵活:

    axios.get('/user?ID=12345')   ----------------------   URL携带参数的方式

    axios.get('/user',{ params:{ ID:12345 } })  -------   参数对象的方式

    注意:返回的都是promise ------  下面是两个处理返回的方式

    a.  Promise.then().catch的形式 :

      axios.get('/user',{param:{ID:12345}}).then(response => {console.log(response)})

    b. async function getUser() {

      try {

        const response = await axios.get('/user',{ param:{ ID:12345} })

      } catch (e) {

        console.log(e)

      }

     }    

    Post请求:按照参数对象方式传递即可

      axios.post('/user',{ name:"张三",age:"18"  })  注意:  这里是没有param 的,直接对象方式传递就可以了。

  4. 并发 请求

    fucntion getUser(){

     axios.get('/user/1234')

}

    fucntion getPermission (){

     axios.get('/user/1234/permissions')

}

   axios.all([getUser,getPermission ]).then(axios.spread(function(acct,perms) {    ----.then方法中,调用axios.spread方法,参数为函数,该函数接受两个参数acct pe

      // 这两个参数,分别表示两个请求的返回。

    }))                      ------- 即Promise数组形式   catch函数捕获错误来源,待研究 ---

  5. 设置基本配置    包括baseUrl   和头部等   常用baseUrl    axios.creat( {config对象} )

    axios.creat({

      baseURL:'http://some-domain.com/api/',    // 基础url    通过webpack配置运行环境的判断,可以更改线上地址,开发地址前缀

      timeout:1000,             // 响应超时时间

      headers:{Content-Type:application/x-www-form-urlencoded }  // 请求头

    })

axios 常用的几个方法的更多相关文章

  1. VUE-005-axios常用请求参数设置方法

    在前后端分离的开发过程中,经常使用 axios 进行后端接口的访问. 个人习惯常用的请求参数设置方法如下所示: // POST方法:data在请求体中 addRow(data) { return th ...

  2. axios常用操作

    axios常用操作 一:函数化编程 1:编写可复用的方法 axios(config)的方法中,有必须的url参数和非必须的options参数.所以我们可以先写一个接受这两个参数的方法,在这个方法中我们 ...

  3. jQuery 的选择器常用的元素查找方法

    jQuery 的选择器常用的元素查找方法 基本选择器: $("#myELement")    选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myE ...

  4. LaTeX常用数学符号表示方法

    转自:http://www.mohu.org/info/symbols/symbols.htm 常用数学符号的 LaTeX 表示方法 (以下内容主要摘自“一份不太简短的 LATEX2e 介绍”) 1. ...

  5. python常用数据类型内置方法介绍

    熟练掌握python常用数据类型内置方法是每个初学者必须具备的内功. 下面介绍了python常用的集中数据类型及其方法,点开源代码,其中对主要方法都进行了中文注释. 一.整型 a = 100 a.xx ...

  6. 操作sqlserver数据库常用的三个方法

    1. ADO.NET -> 连接字符串,常用的两种方式: server=计算机名或ip\实例名;database=数据库名;uid=sa;pwd=密码; server=计算机名或ip\实例名;d ...

  7. 浅析jQuery中常用的元素查找方法总结

    本篇文章是对jQuery中常用的元素查找方法进行了详细的总结和介绍,需要的朋友参考下   $("#myELement") 选择id值等于myElement的元素,id值不能重复在文 ...

  8. jQuery显示和隐藏 常用的状态判断方法

    显示:show()  display:block; 隐藏:hide()   display:none; 当显示和隐藏切换的时候,需要判断此刻是显示还是隐藏,那判断条件常用以下几种方法: 1.if(th ...

  9. python基础:os模块中关于文件/目录常用的函数使用方法

    Python是跨平台的语言,也即是说同样的源代码在不同的操作系统不需要修改就可以同样实现 因此Python的作者就倒腾了OS模块这么一个玩意儿出来,有了OS模块,我们不需要关心什么操作系统下使用什么模 ...

随机推荐

  1. Linux内核功能介绍及如何使用保护您的网页安全

    在本文中,我们快速浏览了Linux内核的许可流程,并向您展示了如何使用它们来保护您的网页或应用安全 传统上,Linux内核通过以下两类来区分其进程: 特权进程:这些进程使用户可以绕过所有内核权限检查. ...

  2. Shell基本语法---case语句

    case语句 格式 case 变量 in 值1 ) 执行动作1 ;; 值2 ) 执行动作2 ;; 值3 ) 执行动作3 ;; .... * ) 如果变量的值都不是以上的值,则执行此程序 ;; esac ...

  3. 搞定 CompletableFuture,并发异步编程和编写串行程序还有什么区别?你们要的多图长文

    你有一个思想,我有一个思想,我们交换后,一个人就有两个思想 If you can NOT explain it simply, you do NOT understand it well enough ...

  4. 题解 洛谷 P4569 【[BJWC2011]禁忌】

    考虑用\(AC\)自动机来解决本题这样的多字符串匹配问题. 要最大化魔法分割后得到的禁忌串数目,最优情况肯定为在一个串中每个禁忌串的右端点进行分割.对应到\(AC\)自动机上,就是匹配到一个禁忌串后, ...

  5. LQB2017A02跳蚱蜢

    为什么第二题就这么难呜呜呜,这不是为难我吗!!! 可以明确的是,又是一个bfs 最少路径,找满足条件的那个层数 #include<iostream> #include<stdio.h ...

  6. html中input提示文字样式修改

    在很多网站上我们都看到input输入框显示提示文字,让我们一起来看看如果在input输入框中显示提示文字.我们只需要在<input>标签里添加:placeholder="提示文字 ...

  7. django 命令行命令

    django-admin startproject 项目名 django-admin startproject python manage.py makemigrations python manag ...

  8. pdb 进行调试

    import pdb a = 'aaa' pdb.set_trace( ) b = 'bbb' c = 'ccc' final = a+b+c print(final) import pdb a = ...

  9. 撸了一个 Feign 增强包

    前言 最近准备将公司的一个核心业务系统用 Java 进行重构,大半年没写 Java ,JDK 都更新到 14 了,考虑到稳定性等问题最终还是选择的 JDK11. 在整体架构选型时,由于是一个全新的系统 ...

  10. Python os.getcwdu() 方法

    概述 os.getcwdu() 方法用于返回一个当前工作目录的Unicode对象.高佣联盟 www.cgewang.com Unix, Windows 系统下可用. 语法 getcwdu()方法语法格 ...