1.什么是axios？
Axios 是一个基于 promise 的 HTTP 库，promise在es中代表一个异步操作，主要包含resolve，reject，then等方法。可以用在浏览器和 node.js 中。
2.axios特性
- 从浏览器中创建 XMLHttpRequests
- 从 node.js 创建 http 请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求数据和响应数据
- 取消请求
- 自动转换 JSON 数据
- 客户端支持防御 XSRF
3.处理GET请求
// 为给定 ID 的 user 创建请求
axios.get('/user?ID=12345')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
4.处理POST请求
axios.post('/user', {
firstName: 'Fred',
lastName: 'Flintstone'
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
**5.Vue整合Axios
- 安装
npm install --save axios vue-axios
- 导入
import axios from 'axios'
Vue.prototype.$axios = axios
- 使用
this.axios.get(api).then((response) => {
console.log(response.data)
})
- demo
methods: {
getData(){
this.$axios.get('http://localhost:8080/user/login',"test").then((response) => {
console.log('查询结果为:',response.data)
})
}
}
---------------------------------------------------------------
this.$axios.get('http://localhost:8080/user/login',{params: {username : value}})
.then((response) => {
if (response.data !== ''){
callback(new Error('该用户名已存在'));
}else {
callback();
}
})
}
//注意！！！这里的params格式不能错！！！
-----------------------------------------------------------------------
this.$axios.post('http://localhost:8080/user/register', {username : this.ruleForm.name,
password : this.ruleForm.pass})
.then((response) => {})
