[Vue]axios 发出请求的config
这些是用于发出请求的可用配置选项。 只有url是必需的。 如果未指定方法,请求将默认为GET。
- {
- // `url`是将用于请求的服务器URL
- url: '/user',
- // `method`是发出请求时使用的请求方法
- method: 'get', // 默认
- // `baseURL`将被添加到`url`前面,除非`url`是绝对的。
- // 可以方便地为 axios 的实例设置`baseURL`,以便将相对 URL 传递给该实例的方法。
- baseURL: 'https://some-domain.com/api/',
- // `transformRequest`允许在请求数据发送到服务器之前对其进行更改
- // 这只适用于请求方法'PUT','POST'和'PATCH'
- // 数组中的最后一个函数必须返回一个字符串,一个 ArrayBuffer或一个 Stream
- transformRequest: [function (data) {
- // 做任何你想要的数据转换
- return data;
- }],
- // `transformResponse`允许在 then / catch之前对响应数据进行更改
- transformResponse: [function (data) {
- // Do whatever you want to transform the data
- return data;
- }],
- // `headers`是要发送的自定义 headers
- headers: {'X-Requested-With': 'XMLHttpRequest'},
- // `params`是要与请求一起发送的URL参数
- // 必须是纯对象或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
- // - Browser only: FormData, File, Blob
- // - Node only: Stream
- data: {
- firstName: 'Fred'
- },
- // `timeout`指定请求超时之前的毫秒数。
- // 如果请求的时间超过'timeout',请求将被中止。
- timeout: 1000,
- // `withCredentials`指示是否跨站点访问控制请求
- // should be made using credentials
- withCredentials: false, // default
- // `adapter'允许自定义处理请求,这使得测试更容易。
- // 返回一个promise并提供一个有效的响应(参见[response docs](#response-api))
- adapter: function (config) {
- /* ... */
- },
- // `auth'表示应该使用 HTTP 基本认证,并提供凭据。
- // 这将设置一个`Authorization'头,覆盖任何现有的`Authorization'自定义头,使用`headers`设置。
- auth: {
- username: 'janedoe',
- password: 's00pers3cret'
- },
- // “responseType”表示服务器将响应的数据类型
- // 包括 'arraybuffer', 'blob', 'document', 'json', 'text', 'stream'
- responseType: 'json', // default
- //`xsrfCookieName`是要用作 xsrf 令牌的值的cookie的名称
- xsrfCookieName: 'XSRF-TOKEN', // default
- // `xsrfHeaderName`是携带xsrf令牌值的http头的名称
- xsrfHeaderName: 'X-XSRF-TOKEN', // default
- // `onUploadProgress`允许处理上传的进度事件
- onUploadProgress: function (progressEvent) {
- // 使用本地 progress 事件做任何你想要做的
- },
- // `onDownloadProgress`允许处理下载的进度事件
- onDownloadProgress: function (progressEvent) {
- // Do whatever you want with the native progress event
- },
- // `maxContentLength`定义允许的http响应内容的最大大小
- maxContentLength: 2000,
- // `validateStatus`定义是否解析或拒绝给定的promise
- // HTTP响应状态码。如果`validateStatus`返回`true`(或被设置为`null` promise将被解析;否则,promise将被
- // 拒绝。
- validateStatus: function (status) {
- return status >= 200 && status < 300; // default
- },
- // `maxRedirects`定义在node.js中要遵循的重定向的最大数量。
- // 如果设置为0,则不会遵循重定向。
- maxRedirects: 5, // 默认
- // `httpAgent`和`httpsAgent`用于定义在node.js中分别执行http和https请求时使用的自定义代理。
- // 允许配置类似`keepAlive`的选项,
- // 默认情况下不启用。
- httpAgent: new http.Agent({ keepAlive: true }),
- httpsAgent: new https.Agent({ keepAlive: true }),
- // 'proxy'定义代理服务器的主机名和端口
- // `auth`表示HTTP Basic auth应该用于连接到代理,并提供credentials。
- // 这将设置一个`Proxy-Authorization` header,覆盖任何使用`headers`设置的现有的`Proxy-Authorization` 自定义 headers。
- proxy: {
- host: '127.0.0.1',
- port: 9000,
- auth: : {
- username: 'mikeymike',
- password: 'rapunz3l'
- }
- },
- // “cancelToken”指定可用于取消请求的取消令牌
- // (see Cancellation section below for details)
- cancelToken: new CancelToken(function (cancel) {
- })
- }
参照:http://www.axios-js.com/docs/
[Vue]axios 发出请求的config的更多相关文章
- 细说vue axios登录请求拦截器
当我们在做接口请求时,比如判断登录超时时候,通常是接口返回一个特定的错误码,那如果我们每个接口都去判断一个耗时耗力,这个时候我们可以用拦截器去进行统一的http请求拦截. 1.安装配置axios cn ...
- vue axios get请求参数为json对象 而非字符串形式
axios get请求方式 传递给后台的参数都是字符串下形式,无法传递json对象 或数组对象等 post请求方式则可以实现, 但若后台接口要求必须用get方式传递对象给后台,需要装插件,实 ...
- vue axios异步请求django
1,配置请求路径 (1),vue中的请求路径要与django视图路径相同. (2),vue中的路由路径也要和django视图路径相同,比如视图路径为127.0.0.1:8000:home/index, ...
- vue axios 数据请求实现
1.安装nginx npm install axios --save-dev cnpm install axios --save-dev 使用淘宝镜像 保存依赖文件到本地 装好了.packjson.j ...
- vue axios post请求下载文件,后台springmvc完整代码
注意请求时要设置responseType,不加会中文乱码,被这个坑困扰了大半天... axios post请求: download(index,row){ var ts = ...
- vue axios数据请求get、post方法的使用
我们常用的有get方法以及post方法,下面简单的介绍一下这两种请求方法 vue中使用axios方法我们先安装axios这个方法 npm install --save axios 安装之后采用按需引入 ...
- Vue笔记:使用 axios 发送请求
在Vue1.0的时候有一个官方推荐的 ajax 插件 vue-resource,但是自从 Vue 更新到 2.0 之后,官方就不再更新 vue-resource. 关于为什么放弃推荐? -> 尤 ...
- vue中axios 配置请求拦截功能 及请求方式如何封装
main.js 中: import axios from '................/axios' axios.js 中: //axios.js import Vue from 'vue' i ...
- vue 使用axios 数据请求第三方插件的使用
axios 基于http客户端的promise,面向浏览器和nodejs 特色 浏览器端发起XMLHttpRequests请求 node端发起http请求 支持Promise API 监听请求和返回 ...
随机推荐
- uboot移植spi驱动
记录一下在uboot内移植spi驱动的过程 芯片:freescale Mpc8308 uboot版本:u-boot-2009.11-rc1.2 需求:我们需要在uboot下通过spi配置一个时钟芯片( ...
- 深入理解DefaultMessageListenerContainer
DefaultMessageListenerContainer是一个用于异步消息监听的管理类. DefaultMessageListenerContainer最简单的实现逻辑,一个任务执行器,执行任务 ...
- Javascript——概述 && 继承 && 复用 && 私有成员 && 构造函数
原文链接:A re-introduction to JavaScript (JS tutorial) Why a re-introduction? Because JavaScript is noto ...
- QML渐变色
Rectangle { id: tab_btn width: height: parent.height color: "black" gradient: Gradient { G ...
- 前后端分离session不一致问题
前端VUE.js 后端SSM 问题描述: 该项目的登录先由后台生成一验证码返回给前端,并保存在session中,不过当前端登录时,后台会报 NullPointerException,看前端的请求头才发 ...
- WIN 10 看不到SAMBA共享的硬盘
1.SMB1.0/CIFS协议默认被关闭了,之前的勒索病毒就是用的这个协议的漏洞,所以你去“启动和关闭windows功能”下手动勾选启用SMB1.0/CIFS协议 2.管理员身份执行 sc.exe c ...
- cut截取数据
参考文档 https://blog.csdn.net/caoshunxin01/article/details/79355566 [root@kube-node3 ~]# cat tab_space. ...
- Spring Boot中在程序中获得application.properties中的值
方法是使用@Value注解的方式注解一个值. 首先,在我们的application.properties中添加一个值如下: zifeiy.tmpfile.location=D:/duty 然后在我们的 ...
- 【Leetcode_easy】690. Employee Importance
problem 690. Employee Importance 题意:所有下属和自己的重要度之和,所有下属包括下属的下属即直接下属和间接下属. solution:DFS; /* // Employe ...
- 【linux基础】Ubuntu下的终端多标签切换快捷键
method: 方法一: alt+ alt+ alt+ 方法二: ctrl + pageUp ctrl + pageDown 方法三: Edit--> Keybord Shortcuts 到这里 ...