Vuex中axios转换请求数据配置

6

get传输数据 12345678910    axios.get(’http://localhost/get.php’, {   &…

get传输数据

1
2
3
4
5
6
7
8
9
10
    axios.get('http://localhost/get.php', {
      params: {
        get: '传输的是get数据'
      }
    }).then((response) => {
      console.log(response)
    })
      .catch((error) => {
        console.log(error);
      })

post传输数据

1
2
3
4
5
6
7
8
9
10
    axios.post('http://localhost/post.php', {
      params: {
        post: '传输的是post数据'
      }
    }).then((response) => {
      console.log(response)
    })
      .catch((error) => {
        console.log(error);
      })

自定义请求实例【这个很重要,减少了很多重复的请求】重要这里还没写完

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
    var Http = axios.create({
      baseURL: 'http://localhost',    //添加公共的请求部分,减少工作量
      timeout: 1,                              //这里以毫秒为单位,表示的是延时时间        
      responseType:'json',               //响应状态为json格式
      params:{                                  //查询字符串,访问的时候就会变成:localhost?search=123
           search:"123"
      },
      headers:{
        'custome-header':"blog"
}
     

    })

    Http.get("get").then((response) => {
      console.log(response)
    })
      .catch((error) => {
        console.log(error);
      })

作者: huanggr

为您推荐

7

发表评论

电子邮件地址不会被公开。 必填项已用*标注