这些是用于发出请求的可用配置选项。 只有url是必需的。 如果未指定方法,请求将默认为GET。

  1. {
  2. // `url`是将用于请求的服务器URL
  3. url: '/user',
  4. // `method`是发出请求时使用的请求方法
  5. method: 'get', // 默认
  6. // `baseURL`将被添加到`url`前面,除非`url`是绝对的。
  7. // 可以方便地为 axios 的实例设置`baseURL`,以便将相对 URL 传递给该实例的方法。
  8. baseURL: 'https://some-domain.com/api/',
  9. // `transformRequest`允许在请求数据发送到服务器之前对其进行更改
  10. // 这只适用于请求方法'PUT','POST'和'PATCH'
  11. // 数组中的最后一个函数必须返回一个字符串,一个 ArrayBuffer或一个 Stream
  12. transformRequest: [function (data) {
  13. // 做任何你想要的数据转换
  14. return data;
  15. }],
  16. // `transformResponse`允许在 then / catch之前对响应数据进行更改
  17. transformResponse: [function (data) {
  18. // Do whatever you want to transform the data
  19. return data;
  20. }],
  21. // `headers`是要发送的自定义 headers
  22. headers: {'X-Requested-With': 'XMLHttpRequest'},
  23. // `params`是要与请求一起发送的URL参数
  24. // 必须是纯对象或URLSearchParams对象
  25. params: {
  26. ID: 12345
  27. },
  28. // `paramsSerializer`是一个可选的函数,负责序列化`params`
  29. // (e.g. https://www.npmjs.com/package/qs, http://api.jquery.com/jquery.param/)
  30. paramsSerializer: function(params) {
  31. return Qs.stringify(params, {arrayFormat: 'brackets'})
  32. },
  33. // `data`是要作为请求主体发送的数据
  34. // 仅适用于请求方法“PUT”,“POST”和“PATCH”
  35. // 当没有设置`transformRequest`时,必须是以下类型之一:
  36. // - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams
  37. // - Browser only: FormData, File, Blob
  38. // - Node only: Stream
  39. data: {
  40. firstName: 'Fred'
  41. },
  42. // `timeout`指定请求超时之前的毫秒数。
  43. // 如果请求的时间超过'timeout',请求将被中止。
  44. timeout: 1000,
  45. // `withCredentials`指示是否跨站点访问控制请求
  46. // should be made using credentials
  47. withCredentials: false, // default
  48. // `adapter'允许自定义处理请求,这使得测试更容易。
  49. // 返回一个promise并提供一个有效的响应(参见[response docs](#response-api))
  50. adapter: function (config) {
  51. /* ... */
  52. },
  53. // `auth'表示应该使用 HTTP 基本认证,并提供凭据。
  54. // 这将设置一个`Authorization'头,覆盖任何现有的`Authorization'自定义头,使用`headers`设置。
  55. auth: {
  56. username: 'janedoe',
  57. password: 's00pers3cret'
  58. },
  59. // “responseType”表示服务器将响应的数据类型
  60. // 包括 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
  61. responseType: 'json', // default
  62. //`xsrfCookieName`是要用作 xsrf 令牌的值的cookie的名称
  63. xsrfCookieName: 'XSRF-TOKEN', // default
  64. // `xsrfHeaderName`是携带xsrf令牌值的http头的名称
  65. xsrfHeaderName: 'X-XSRF-TOKEN', // default
  66. // `onUploadProgress`允许处理上传的进度事件
  67. onUploadProgress: function (progressEvent) {
  68. // 使用本地 progress 事件做任何你想要做的
  69. },
  70. // `onDownloadProgress`允许处理下载的进度事件
  71. onDownloadProgress: function (progressEvent) {
  72. // Do whatever you want with the native progress event
  73. },
  74. // `maxContentLength`定义允许的http响应内容的最大大小
  75. maxContentLength: 2000,
  76. // `validateStatus`定义是否解析或拒绝给定的promise
  77. // HTTP响应状态码。如果`validateStatus`返回`true`(或被设置为`null` promise将被解析;否则,promise将被
  78. // 拒绝。
  79. validateStatus: function (status) {
  80. return status >= 200 && status < 300; // default
  81. },
  82. // `maxRedirects`定义在node.js中要遵循的重定向的最大数量。
  83. // 如果设置为0,则不会遵循重定向。
  84. maxRedirects: 5, // 默认
  85. // `httpAgent`和`httpsAgent`用于定义在node.js中分别执行http和https请求时使用的自定义代理。
  86. // 允许配置类似`keepAlive`的选项,
  87. // 默认情况下不启用。
  88. httpAgent: new http.Agent({ keepAlive: true }),
  89. httpsAgent: new https.Agent({ keepAlive: true }),
  90. // 'proxy'定义代理服务器的主机名和端口
  91. // `auth`表示HTTP Basic auth应该用于连接到代理,并提供credentials。
  92. // 这将设置一个`Proxy-Authorization` header,覆盖任何使用`headers`设置的现有的`Proxy-Authorization` 自定义 headers。
  93. proxy: {
  94. host: '127.0.0.1',
  95. port: 9000,
  96. auth: : {
  97. username: 'mikeymike',
  98. password: 'rapunz3l'
  99. }
  100. },
  101. // “cancelToken”指定可用于取消请求的取消令牌
  102. // (see Cancellation section below for details)
  103. cancelToken: new CancelToken(function (cancel) {
  104. })
  105. }

参照:http://www.axios-js.com/docs/

[Vue]axios 发出请求的config的更多相关文章

  1. 细说vue axios登录请求拦截器

    当我们在做接口请求时,比如判断登录超时时候,通常是接口返回一个特定的错误码,那如果我们每个接口都去判断一个耗时耗力,这个时候我们可以用拦截器去进行统一的http请求拦截. 1.安装配置axios cn ...

  2. vue axios get请求参数为json对象 而非字符串形式

    axios get请求方式 传递给后台的参数都是字符串下形式,无法传递json对象 或数组对象等    post请求方式则可以实现,   但若后台接口要求必须用get方式传递对象给后台,需要装插件,实 ...

  3. vue axios异步请求django

    1,配置请求路径 (1),vue中的请求路径要与django视图路径相同. (2),vue中的路由路径也要和django视图路径相同,比如视图路径为127.0.0.1:8000:home/index, ...

  4. vue axios 数据请求实现

    1.安装nginx npm install axios --save-dev cnpm install axios --save-dev 使用淘宝镜像 保存依赖文件到本地 装好了.packjson.j ...

  5. vue axios post请求下载文件,后台springmvc完整代码

     注意请求时要设置responseType,不加会中文乱码,被这个坑困扰了大半天... axios post请求:     download(index,row){         var ts =  ...

  6. vue axios数据请求get、post方法的使用

    我们常用的有get方法以及post方法,下面简单的介绍一下这两种请求方法 vue中使用axios方法我们先安装axios这个方法 npm install --save axios 安装之后采用按需引入 ...

  7. Vue笔记:使用 axios 发送请求

    在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource. 关于为什么放弃推荐? -> 尤 ...

  8. vue中axios 配置请求拦截功能 及请求方式如何封装

    main.js 中: import axios from '................/axios' axios.js 中: //axios.js import Vue from 'vue' i ...

  9. vue 使用axios 数据请求第三方插件的使用

    axios 基于http客户端的promise,面向浏览器和nodejs 特色 浏览器端发起XMLHttpRequests请求 node端发起http请求 支持Promise API 监听请求和返回 ...

随机推荐

  1. uboot移植spi驱动

    记录一下在uboot内移植spi驱动的过程 芯片:freescale Mpc8308 uboot版本:u-boot-2009.11-rc1.2 需求:我们需要在uboot下通过spi配置一个时钟芯片( ...

  2. 深入理解DefaultMessageListenerContainer

    DefaultMessageListenerContainer是一个用于异步消息监听的管理类. DefaultMessageListenerContainer最简单的实现逻辑,一个任务执行器,执行任务 ...

  3. Javascript——概述 && 继承 && 复用 && 私有成员 && 构造函数

    原文链接:A re-introduction to JavaScript (JS tutorial) Why a re-introduction? Because JavaScript is noto ...

  4. QML渐变色

    Rectangle { id: tab_btn width: height: parent.height color: "black" gradient: Gradient { G ...

  5. 前后端分离session不一致问题

    前端VUE.js 后端SSM 问题描述: 该项目的登录先由后台生成一验证码返回给前端,并保存在session中,不过当前端登录时,后台会报 NullPointerException,看前端的请求头才发 ...

  6. WIN 10 看不到SAMBA共享的硬盘

    1.SMB1.0/CIFS协议默认被关闭了,之前的勒索病毒就是用的这个协议的漏洞,所以你去“启动和关闭windows功能”下手动勾选启用SMB1.0/CIFS协议 2.管理员身份执行 sc.exe c ...

  7. cut截取数据

    参考文档 https://blog.csdn.net/caoshunxin01/article/details/79355566 [root@kube-node3 ~]# cat tab_space. ...

  8. Spring Boot中在程序中获得application.properties中的值

    方法是使用@Value注解的方式注解一个值. 首先,在我们的application.properties中添加一个值如下: zifeiy.tmpfile.location=D:/duty 然后在我们的 ...

  9. 【Leetcode_easy】690. Employee Importance

    problem 690. Employee Importance 题意:所有下属和自己的重要度之和,所有下属包括下属的下属即直接下属和间接下属. solution:DFS; /* // Employe ...

  10. 【linux基础】Ubuntu下的终端多标签切换快捷键

    method: 方法一: alt+ alt+ alt+ 方法二: ctrl + pageUp ctrl + pageDown 方法三: Edit--> Keybord Shortcuts 到这里 ...