likes
comments
collection
share

发送请求方式

作者站长头像
站长
· 阅读数 42

GET

请求方式1(config):

  axios({
	 url: '/api/province',
	 method:'GET'
         params:{
            // 输入请求的参数 
         }
}).then(res => {
         console.log(res)
}).catch(err => {
            console.log(err)
})

   
  1. 创建了一个Axios实例并调用了axios()方法。axios()方法接受一个配置对象作为参数,其中包含URL、请求方法等信息。
  2. 配置对象中的url属性设置为 'api/province',即要发送请求的URL。method属性设置为 'GET',表示使用GET方法发送请求。
  3. 然后,该代码链式调用了.then().catch()方法来处理请求的响应和错误。
  4. .then()方法中,传入一个回调函数,当请求成功时该函数会被调用,并且响应数据将作为参数传递给该函数。
  5. .catch()方法中,传入一个回调函数,当请求发生错误时该函数会被调用,并且错误对象将作为参数传递给该函数。

请求方式2 :

axios.get('/user?ID=12345') 
.then(function (response) { 
// 处理成功情况 
console.log(response); 
}) 
.catch(function (error) { 
// 处理错误情况 
console.log(error); 
})
  1. 调用了axios.get()方法,并传入一个URL作为参数,其中'/user?ID=12345'是相对路径,表示要发送请求到当前域名下的/user路径,并附带一个查询参数ID的值为12345
  2. 代码链式调用了.then().catch()方法来处理请求的响应和错误。

请求方式3:

axios.get('/user', { 
    params: { 
      ID: 12345 
    } 
}) 
.then(function (response) { 
    console.log(response); 
}) 
.catch(function (error) { 
    console.log(error); 
})
  1. 调用了axios.get()方法,并传入相对路径'/user'作为第一个参数。然后,作为第二个参数,传递了一个配置对象,其中包含一个params属性。
  2. params属性是一个对象,用于设置请求的查询参数。在这个例子中,配置对象中的params属性被设置为{ ID: 12345 },表示要发送请求时附带一个查询参数ID的值为12345
  3. 代码链式调用了.then().catch()方法来处理请求的响应和错误。

POST

方法1:

axios.post('/user', { 
    firstName: 'Fred', 
    lastName: 'Flintstone' 
}) 
.then(function (response) { 
   console.log(response); 
}) 
.catch(function (error) { 
     console.log(error); 
});
  1. 这段代码使用了Axios库来发送一个POST请求到相对路径'/user',并传递了一个包含请求数据的配置对象。
  2. 调用了axios.post()方法,并传入相对路径'/user'作为第一个参数。然后,作为第二个参数,传递了一个配置对象,其中包含要发送的数据。
  3. 配置对象中的数据部分为{ firstName: 'Fred', lastName: 'Flintstone' },表示要发送的POST请求的主体数据是一个对象,其中包含firstNamelastName属性,分别对应值'Fred''Flintstone'
  4. 代码链式调用了.then().catch()方法来处理请求的响应和错误。

方法2(config):

 axios({
       url: '/login',
       method: 'post',
       data:{
        username: 'admin',
        password: '123456'
       }
     }).then(res =>{
      console.log(res)
     })
  • 注意: 在请求数据的对象写 data 与git请求数据不同。
转载自:https://juejin.cn/post/7237871186800508985
评论
请登录