一文搞定axios

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) => {})

一文搞定axios

推荐阅读更多精彩内容