详细教程
- 首先在控制台安装axios
使用命令
npm install axios --save
- 在需要使用axios的vue组件中引入
import axios from 'axios';
- 在方法中发送ajax请求
//get请求
axios({
method: 'get',
url:'http://localhost:8082/login',
params:{
username:"admin",
password:"admin"
}
}).then((res)=>{
//这里是请求成功后执行的内容,res为返回的数据
}).catch(()=>{
//这里是请求失败执行的内容
});
//post请求
axios({
method: 'post',
url:'http://localhost:8082/login',
data:this.loginForm
}).then((res)=>{
//这里是请求成功后执行的内容,res为返回的数据
}).catch(()=>{
//这里是请求失败执行的内容
});
- 写完之后即可测试ajax是否发送成功(提前配好后端的接口映射,这里主要讲axios,后端接口就不讲)