axios教程_axios.get

一、axios的基本使用

axios介绍: https://www.kancloud.cn/yunye/axios/234845

1、axios 发送get请求 带参

<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
方式一：
axios({
   
      	 url: 'http://127.0.0.1/user/signout?id=1',
         method: 'get',
        }).then(res=>{
   
            console.log(res)
        })
方式二：
axios({
   
      	 url: 'http://127.0.0.1/user/signout',
         method: 'get',
         params：{
   
         	'id': 1 //url上拼接了?id=1
         } }).then(res=>{
   
            console.log(res)
        })
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

2、post方式发送请求[无参]

axios({
   
      	 url: 'http://127.0.0.1/user/signout',
         method: 'post',
        }).then(res=>{
   
            console.log(res)
        })     
1
2
3
4
5
6
7
8
9
10

使用axios发送 post请求[带参] 使用data传递
axios({
   
      	 url: 'http://127.0.0.1/user/signout',
         method: 'post',
         data:{
   
         	'id':1
         }
        }).then(res=>{
   
            console.log(res)
        })
 注意： axios使用post携带参数请求默认发送json格式
 解决方式一： data改为params属性进行数据的传递
 解决方式二：“name=张三”
 解决方式三：服务器端给接受的参数加上@requsetBody(java)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

二、axios请求方式

1、使用axios.get 方式发送无参请求
axios.get('url').then(res=>{
   
1
2
3