为什么要封装axios?
在项目的开发中有三个阶段
1.开发环境(dev.abc.com)
2.测试环境(text.abc.com)
3.生产环境(abc.com)
访问接口数据时,例如:商品接口会是【域名】/api/v1/products
当环境不同时,直接修改域名就可。这就是封装请求的原因。
axios基础get请求,post请求
get请求发送数据返回,post可以携带数据发送处理请求(一般用于提交表单或者上传数据),
//axios.get 发起get请求
//参数一表示请求地址
//参数二表示配置信息
//params 表示传递到服务器端的数据,已url参数的形式拼接在请求地址后面
//{page:1,per:3}
// 比如:http://jsonplaceholder.typicode.com/
//最终生成:http://jsonplaceholder.typicode.com/?page=1&per=3
// 其中?表示可选参数
//headers 表示请求头
getHandle(){
axios.get('http://jsonplaceholder.typicode.com/',{
params:{ //注意,params和headers是固定字符
page:3,
per:2
},
headers:{}
})
.then(res=>console.log(res))
},
postHandle(){
//post请求传递三个参数
//请求地址