axios在vue中的使用_技术笔记

中午吃什么 2024-11-02

axios相关配置

0赞 · 0采集
范东东 2022-02-09

axios基本配置参数
参数1、baseURL：请求域名，或者是基本地址（默认配置http://localhost:8080，就像通过axios的get('/data.json'）访问时，前面添加了默认的域名。
参数2、timeout：超时时长，默认1000毫秒（超时时长作用：一般它由后端定义，例如：请求一个接口，接口的数据量比较大，需要处理时间比较长，如果超过了这个时间，后端就会返回401，这样做的好处是，一旦请求时间较长，使这个请求不会阻塞后端的内容，减少服务器的压力，它就会及时释放超时的这些内容，超时时长不止后端需要设置，前端也需要设置一下，当超时时，请求就取消了）。
参数3、url：请求路径。
参数4、method：请求方法。
参数5、headers：请求头，可以在请求头里添加一些参数（比如登录时可能需要从请求头里获取token，去鉴权获取登录人信息，此时就需要在这里配置）。
参数6、params{}：请求参数放置在请求头中。
参数7、data：{}请求参数放置在请球体中。
axios定义配置参数的位置
1、axios全局配置（相当于在import的axios的vue页面中对所有创建的axios进行全局配置）
axios.defaults：表示指向axios库的默认配置，defaults后面就可以.出来配置参数。
axios.defaults.timeout=2000,此时就表示全局配置。
axios.defaults.baseURL='http://localhost:8080'。
2、axios实例配置（相当于局部的）
let instance=axios.create()，如果不传配置参数，如果定义了全局，就是用全局，否则使用默认的。
instance.defaults.timeout=3000，这种方式是创建完实例之后去设置参数。
3、axios请求配置（发送请求时）
instance.get('/data.json',{
timeout:5000
}）
参数配置优先级：全局<局部<请求。如上，最终timeout为5000。

1赞 · 0采集
you0509 2021-12-15

//axios的配置参数

axios.create({

baseURL:'http://local host:8080',//请求域名基本地址

timeout:1000,//请求超时时长

url:'/data.json'//请求路径

method:'get,post,put,patch,delete'//请求数据，整包提交数据，整包更新数据，提交更新部分数据，删除数据

header:{

token：''

},//请求头

params:{}//请求参数拼接在url

data：{}//请求参数放在请求体里

})

//配置参数

//1axios全局配置

axios.defaults.baseURL='。。。'

//axios实例配置

let insdence =axios.create ()

instance.defaults.baseURL='。。。'

//axios请求配置

instance.get('/data.json',{

timeout:....

})

0赞 · 0采集
水车_ 2021-07-19

并发：
axios.all([
{url:"",methed:""},
{url:"",methed:""},
]).then(axios.par...)

0赞 · 0采集
山水有重逢 2021-06-09
//axios的相关配置
//基本的配置参数常用

axios.create({
    baseURL:' ' ， //请求的域名，基本地址
    timeout:1000, //请求的超市时长，前后端协作
    url: '/data.json', //请求路径
    method: 'get,post , put, patch, delete', //请求方法
    headers:{
        token: ' '
    }, //请求头
    params:{ }, //请求参数会拼接在url上
    data: { }， //请求参数放在请求体
})

1、axios 全局配置
axios.defaults.timeout =1000
    axios.defaults.baseURL = 'http://loca'host:8080'
2、axios 实例配置
```
let instance = axios.create()
instance.defaults.timeout = 3000
```
3、axios请求配置
```
instance.get('/data.json'{
    timeout:5000
})
```
0赞 · 0采集
Bilzat_0001 2021-02-16

%，，，，，？Looooo'

截图
0赞 · 0采集
人心思动 2021-01-30

实例的相关配置
axios全局配置：axios.defaults.timeout=1000
axios.defaults.baseURL=''
axios实例配置
let instance = axios.create()
instance.defaults.timeout=3000
axios 请求配置优先级最高
instance.get('/data.json',{timeout:5000})

截图
0赞 · 0采集
慕设计8118825 2021-01-19

axios三种配置的优先级：
全局配置 < 实例配置 < 请求配置

截图
0赞 · 0采集
慕设计8118825 2021-01-19
axios的几种配置：
1. axios全局配置：通常全局配置就是baseURL和timeout两项
2. axios实例配置
3. axios请求配置
截图
0赞 · 0采集
慕设计8118825 2021-01-19

params vs. data:
params, 请求参数拼接在url;
data, 请求参数放在请求体

截图
0赞 · 0采集
慕设计8118825 2021-01-19
```
headers: {
    token: ''
}
```
截图
0赞 · 0采集
大鹏111 2020-12-21

axios基本配置参数
参数1、baseURL：请求域名，或者是基本地址（默认配置http://localhost:8080，就像通过axios的get('/data.json'）访问时，前面添加了默认的域名。
参数2、timeout：超时时长，默认1000毫秒（超时时长作用：一般它由后端定义，例如：请求一个接口，接口的数据量比较大，需要处理时间比较长，如果超过了这个时间，后端就会返回401，这样做的好处是，一旦请求时间较长，使这个请求不会阻塞后端的内容，减少服务器的压力，它就会及时释放超时的这些内容，超时时长不止后端需要设置，前端也需要设置一下，当超时时，请求就取消了）。
参数3、url：请求路径。
参数4、method：请求方法。
参数5、headers：请求头，可以在请求头里添加一些参数（比如登录时可能需要从请求头里获取token，去鉴权获取登录人信息，此时就需要在这里配置）。
参数6、params{}：请求参数放置在请求头中。
参数7、data：{}请求参数放置在请球体中。
axios定义配置参数的位置
1、axios全局配置（相当于在import的axios的vue页面中对所有创建的axios进行全局配置）
axios.defaults：表示指向axios库的默认配置，defaults后面就可以.出来配置参数。
axios.defaults.timeout=2000,此时就表示全局配置。
axios.defaults.baseURL='http://localhost:8080'。
2、axios实例配置（相当于局部的）
let instance=axios.create()，如果不传配置参数，如果定义了全局，就是用全局，否则使用默认的。
instance.defaults.timeout=3000，这种方式是创建完实例之后去设置参数。
3、axios请求配置（发送请求时）
instance.get('/data.json',{
timeout:5000
}）
参数配置优先级：全局<局部<请求。如上，最终timeout为5000。

3赞 · 1采集
淡水狗 2020-07-21

参数配置优先级：
全家配置最低
实例配置中等
请求配置最高

截图
0赞 · 0采集
慕用0863198 2020-03-19

参数配置优先级从低到高，单独的请求配置要求最高

截图
0赞 · 0采集
慕用0863198 2020-03-19

可以创建一个实例然后对其进行default配置

截图
0赞 · 0采集
慕用0863198 2020-03-19

使用axios.default....可以进行全局配置

截图
0赞 · 0采集
慕用0863198 2020-03-19

还可以设置请求头，url上的参数和请求体中的参数

截图
0赞 · 0采集
慕用0863198 2020-03-19

axios.create的实例创建会有一部分参数设置

截图
0赞 · 0采集
Gy_gY 2020-03-12

axios 请求配置

截图
0赞 · 0采集
Gy_gY 2020-03-12

//axios基础的配置参数
    axios.create({
      baseURL: 'http://localhost:8080', //请求的域名基本配置
      timeout: 1000, //请求的超时时长
      url: 'data.json', //请求路径
      method: 'get,post,put,patch,delete',//请求方法
      headers:{
        token: ''
      }, //请求头
      params:{},//请求参数拼接在url上
      data:{},//请求参数放在请求体
    })

截图
0赞 · 0采集

慕数据0097812 2019-11-25

axios基本的配置参数

baseURL	http://localhost:port	请求的域名，基本地址
timeout	1000	请求超时时间（ms）
url	/data.json	请求路径
method	get,post,put, patch, delete	请求方法
headers	{token: "xxxxx"}	设置请求头
params	{}	请求参数拼接在URL上
data	{}	请求参数放在请求体里

axios.get("url", config).then(res => {console.log(res)})

参数配置位置：

1. axios全局配置

axios.defaults.timeout = 1000

axios.defaults.baseURL = "http://localhost:8080"

2. axios实例配置

let instance = axios.create()

instance.defaults.timeout = 3000

3. axios请求配置

instance.get("/data.json", {timeout: 6000})

优先级：请求配置 > 实例配置 > 全局配置

截图

0赞 · 0采集

三禾草 2019-11-01

axios配置参数

baseURL:'http://localhost:8080',//请求的域名,基本地址
timeout:1000,//请求的超时时长,单位毫秒1000=1s
url:'json/shouji.json'//请求的路径
method:'get,put',//get,put,post,patch,delete请求方法
headers:{
    token:''
},//设置请求头
params:{},//请求参数拼接在URL上
data:{},//请求参数放在请求体

可以设置参数的地方:

1.axios全局配置

axios.defaults.timeout=1000

2.axios实例配置

let instance=axios.create()//不设置.默认使用全局配置.

instance.defaults.timeout=3000//可以在修改

3.axios请求配置

instance.get('/data.json',{timeout:5000})

0赞 · 0采集

数据加载中...