axios是什么?为什么要进行二次封装?

一、axios

Axios 是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中。
用法demo:
①、get请求

axios.get('/user?ID=12345')
 .then(function (response) {
   console.log(response);
 })
 .catch(function (error) {
   console.log(error);
 });

①、post请求

 axios.post('/user', {
   firstName: 'Fred',
   lastName: 'Flintstone'
 })
 .then(function (response) {
   console.log(response);
 })
 .catch(function (error) {
   console.log(error);
 });

①、执行多个并发请求

 function getUserAccount() {
  return axios.get('/user/12345');
}

function getUserPermissions() {
  return axios.get('/user/12345/permissions');
}

axios.all([getUserAccount(), getUserPermissions()])
  .then(axios.spread(function (acct, perms) {
    // 两个请求现在都执行完成
  }));

还可以通过向axios传递相关配置来创建请求,如下:

// 发送 POST 请求
axios({
  method: 'post',
  url: '/user/12345',
  data: {
    firstName: 'Fred',
    lastName: 'Flintstone'
  }
});

二、为什么要进行二次封装?

api统一管理,不管接口有多少,所有的接口都可以非常清晰,容易维护。
通常来说在项目开发中有三个阶段:
1、开发环境
2、测试环境
3、生产环境

不同环境访问接口的域名是不同的,直接修改域名,这就是封装请求的原因。

你可能感兴趣的:(axios,vue)