[JavaScript知识库]Vue Axios

一、什么是Axios？

????????Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。

? ? ? ? Axios 常用于Vue全家桶中请求后端数据。

二、安装

1、用 npm

$ npm install axios

?2、用?bower:

$ bower install axios

3、用 cdn

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

三、请求数据

? ? ? ? 在模块中使用axios是需要先引入axios

import axios from 'axios'

1、GET请求

axios.get('http://localhost:4000/search_shops?keyword=test&geohash=40.10038,116.36867')
    // 请求成功后的回调函数
  .then(res =>{
        console.log(res.data)
    })
 // 请求失败后的回调函数
  .catch(err => {
    console.log(err);
  });

// 上面的请求也可以这样做
axios.get('http://localhost:4000/search_shops', {
    params: {
      keyword: test,
      geohash: 40.10038,116.36867
    }
  })
   // 请求成功后的回调函数
  .then(res =>{
        console.log(res.data)
    })
 // 请求失败后的回调函数
  .catch(err => {
    console.log(err);
  });

2、POST请求

axios.post('http://localhost:4000/search_shops', {
    keyword: 'test',
    geohash: '40.10038,116.36867'
  })
  // 请求成功后的回调函数
  .then(res =>{
        console.log(res.data)
    })
 // 请求失败后的回调函数
  .catch(err => {
    console.log(err);
  });