Vue2.0之axios使用
程序员文章站
2024-03-11 16:18:25
...
一、功能
- 在浏览器中发送 XMLHttpRequests 请求
- 在 node.js 中发送 http请求
- 支持 Promise API
- 拦截请求和响应
- 转换请求和响应数据
- 自动转换 JSON 数据
- 客户端支持保护安全免受 XSRF 攻击
二、安装引用
npm install axios
在main.js中
import axios from 'axios'
Vue.prototype.$http = axios
三、使用
发送get请求:
this.$http.get(this.submitUrl, {
params: {
name: this.admin.username,
pass: this.admin.pass
}
})
.then((res) => {
console.log(res);
})
.catch((res) => {
console.log(res);
})
发送post请求:
let book={
bname:this.product.bname,
author:this.product.author
}
this.$http.post(this.addUrl,book)
.then((res)=>{
console.log(res);
})