一、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)
})
2、post方式发送请求[无参]
axios({
url: 'http://127.0.0.1/user/signout',
method: 'post',
}).then(res=>{
console.log(res)
})
使用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)
二、axios请求方式
1、使用axios.get 方式发送无参请求
axios.get('url').then(res=>{