GET
请求方式1(config):
axios({
url: '/api/province',
method:'GET'
params:{
// 输入请求的参数
}
}).then(res => {
console.log(res)
}).catch(err => {
console.log(err)
})
- 创建了一个Axios实例并调用了
axios()方法。axios()方法接受一个配置对象作为参数,其中包含URL、请求方法等信息。
- 配置对象中的
url属性设置为 'api/province',即要发送请求的URL。method属性设置为 'GET',表示使用GET方法发送请求。
- 然后,该代码链式调用了
.then()和.catch()方法来处理请求的响应和错误。
- 在
.then()方法中,传入一个回调函数,当请求成功时该函数会被调用,并且响应数据将作为参数传递给该函数。
- 在
.catch()方法中,传入一个回调函数,当请求发生错误时该函数会被调用,并且错误对象将作为参数传递给该函数。
请求方式2 :
axios.get('/user?ID=12345')
.then(function (response) {
// 处理成功情况
console.log(response);
})
.catch(function (error) {
// 处理错误情况
console.log(error);
})
- 调用了
axios.get()方法,并传入一个URL作为参数,其中'/user?ID=12345'是相对路径,表示要发送请求到当前域名下的/user路径,并附带一个查询参数ID的值为12345。
- 代码链式调用了
.then()和.catch()方法来处理请求的响应和错误。
请求方式3:
axios.get('/user', {
params: {
ID: 12345
}
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
})
- 调用了
axios.get()方法,并传入相对路径'/user'作为第一个参数。然后,作为第二个参数,传递了一个配置对象,其中包含一个params属性。
params属性是一个对象,用于设置请求的查询参数。在这个例子中,配置对象中的params属性被设置为{ ID: 12345 },表示要发送请求时附带一个查询参数ID的值为12345。
- 代码链式调用了
.then()和.catch()方法来处理请求的响应和错误。
POST
方法1:
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
- 这段代码使用了Axios库来发送一个POST请求到相对路径
'/user',并传递了一个包含请求数据的配置对象。
- 调用了
axios.post()方法,并传入相对路径'/user'作为第一个参数。然后,作为第二个参数,传递了一个配置对象,其中包含要发送的数据。
- 配置对象中的数据部分为
{ firstName: 'Fred', lastName: 'Flintstone' },表示要发送的POST请求的主体数据是一个对象,其中包含firstName和lastName属性,分别对应值'Fred'和'Flintstone'。
- 代码链式调用了
.then()和.catch()方法来处理请求的响应和错误。
方法2(config):
axios({
url: '/login',
method: 'post',
data:{
username: 'admin',
password: '123456'
}
}).then(res =>{
console.log(res)
})
- 注意: 在请求数据的对象写 data 与git请求数据不同。