位置:电子教程 > Vue.JS入门教程 (如果看不到内容请使用360浏览器) 推荐学习资源
Vue.js入门
Vue.js 数据绑定
Vue.js中的指令
Vue.js 表单和双向数据绑定
Vue.js 条件和循环指令
Vue.js 循环语句v-for
Vue.js 样式绑定
Vue.js 事件处理器
Vue.js 监听属性
Vue.js 计算属性
Vue.js 组件 Component
Vue.js 自定义指令
Vue.js 路由
Vue.js 过渡和动画
Vue.js 响应接口
Vue.js中Ajax(Axios)
当前阅读教程:Vue.JS入门教程 > 实例方法
阅读(22555525)      收藏       赞(5685)      分享
上一篇: 创建实例 下一篇: 响应结构

以下是可用的实例方法。指定的配置将与实例的配置合并:

axios#request(config)

axios#get(url[, config])

axios#delete(url[, config])

axios#head(url[, config])

axios#post(url[, data[, config]])

axios#put(url[, data[, config]])

axios#patch(url[, data[, config]])

 

请求配置项

下面是创建请求时可用的配置选项,注意只有 url 是必需的。如果没有指定 method,请求将默认使用 get 方法。

{

  // `url` 是用于请求的服务器 URL

  url: "/user",

 

  // `method` 是创建请求时使用的方法

  method: "get", // 默认是 get

 

  // `baseURL` 将自动加在 `url` 前面,除非 `url` 是一个绝对 URL

  // 它可以通过设置一个 `baseURL` 便于为 axios 实例的方法传递相对 URL

  baseURL: "https://some-domain.com/api/",

 

  // `transformRequest` 允许在向服务器发送前,修改请求数据

  // 只能用在 "PUT", "POST" "PATCH" 这几个请求方法

  // 后面数组中的函数必须返回一个字符串,或 ArrayBuffer,或 Stream

  transformRequest: [function (data) {

    // data 进行任意转换处理

 

    return data;

  }],

 

  // `transformResponse` 在传递给 then/catch 前,允许修改响应数据

  transformResponse: [function (data) {

    // data 进行任意转换处理

 

    return data;

  }],

 

  // `headers` 是即将被发送的自定义请求头

  headers: {"X-Requested-With": "XMLHttpRequest"},

 

  // `params` 是即将与请求一起发送的 URL 参数

  // 必须是一个无格式对象(plain object) URLSearchParams 对象

  params: {

    ID: 12345

  },

 

  // `paramsSerializer` 是一个负责 `params` 序列化的函数

  // (e.g. https://www.npmjs.com/package/qs, http://api.jquery.com/jquery.param/)

  paramsSerializer: function(params) {

    return Qs.stringify(params, {arrayFormat: "brackets"})

  },

 

  // `data` 是作为请求主体被发送的数据

  // 只适用于这些请求方法 "PUT", "POST", "PATCH"

  // 在没有设置 `transformRequest` 时,必须是以下类型之一:

  // - string, plain object, ArrayBuffer, ArrayBufferView, URLSearchParams

  // - 浏览器专属:FormData, File, Blob

  // - Node 专属: Stream

  data: {

    firstName: "Fred"

  },

 

  // `timeout` 指定请求超时的毫秒数(0 表示无超时时间)

  // 如果请求花费了超过 `timeout` 的时间,请求将被中断

  timeout: 1000,

 

  // `withCredentials` 表示跨域请求时是否需要使用凭证

  withCredentials: false, // 默认的

 

  // `adapter` 允许自定义处理请求,以使测试更轻松

  // 返回一个 promise 并应用一个有效的响应 (查阅 [response docs](#response-api)).

  adapter: function (config) {

    /* ... */

  },

 

  // `auth` 表示应该使用 HTTP 基础验证,并提供凭据

  // 这将设置一个 `Authorization` 头,覆写掉现有的任意使用 `headers` 设置的自定义 `Authorization`

  auth: {

    username: "janedoe",

    password: "s00pers3cret"

  },

 

  // `responseType` 表示服务器响应的数据类型,可以是 "arraybuffer", "blob", "document", "json", "text", "stream"

  responseType: "json", // 默认的

 

  // `xsrfCookieName` 是用作 xsrf token 的值的cookie的名称

  xsrfCookieName: "XSRF-TOKEN", // default

 

  // `xsrfHeaderName` 是承载 xsrf token 的值的 HTTP 头的名称

  xsrfHeaderName: "X-XSRF-TOKEN", // 默认的

 

  // `onUploadProgress` 允许为上传处理进度事件

  onUploadProgress: function (progressEvent) {

    // 对原生进度事件的处理

  },

 

  // `onDownloadProgress` 允许为下载处理进度事件

  onDownloadProgress: function (progressEvent) {

    // 对原生进度事件的处理

  },

 

  // `maxContentLength` 定义允许的响应内容的最大尺寸

  maxContentLength: 2000,

 

  // `validateStatus` 定义对于给定的HTTP 响应状态码是 resolve reject  promise 。如果 `validateStatus` 返回 `true` (或者设置为 `null` `undefined`)promise 将被 resolve; 否则,promise 将被 rejecte

  validateStatus: function (status) {

    return status >= 200 && status < 300; // 默认的

  },

 

  // `maxRedirects` 定义在 node.js follow 的最大重定向数目

  // 如果设置为0,将不会 follow 任何重定向

  maxRedirects: 5, // 默认的

 

  // `httpAgent` `httpsAgent` 分别在 node.js 中用于定义在执行 http https 时使用的自定义代理。允许像这样配置选项:

  // `keepAlive` 默认没有启用

  httpAgent: new http.Agent({ keepAlive: true }),

  httpsAgent: new https.Agent({ keepAlive: true }),

 

  // "proxy" 定义代理服务器的主机名称和端口

  // `auth` 表示 HTTP 基础验证应当用于连接代理,并提供凭据

  // 这将会设置一个 `Proxy-Authorization` 头,覆写掉已有的通过使用 `header` 设置的自定义 `Proxy-Authorization` 头。

  proxy: {

    host: "127.0.0.1",

    port: 9000,

    auth: : {

      username: "mikeymike",

      password: "rapunz3l"

    }

  },

 

  // `cancelToken` 指定用于取消请求的 cancel token

  // (查看后面的 Cancellation 这节了解更多)

  cancelToken: new CancelToken(function (cancel) {

  })

}


上一篇: 创建实例 下一篇: 响应结构
毕业设计网             广告联系QQ:45157718(微信同号)