axios在vue中的应用

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

1. 安装并引入axios

1.1 使用 npm/cnpm 安装

npm install axios --save-dev

1.2 在main.js文件中引入axios

import axios from 'axios'

// 目前在其它的组件中是无法使用axios的，可以在main.js文件中进行配置：
Vue.prototype.$http= axios

// 这样配置以后，就可以在函数中直接用this.$http代替axios，如：
this.$http.post(url, {xx:xxx}).then()

2. 使用axios请求本地json文件

使用axios请求本地文件的时候需要注意以下两点：

（1）本地的json文件必须放置在static/静态文件夹下；

（2）请求的时候需要使用get方法，而不是post；使用post的话会报404错误。

  methods: {
    getRechargeList() {
      let that = this;
      this.$http.get('/static/data/getRecharge.json')
      .then(function (res) {
        console.log(res.data)  // res.data 即为所请求到的数据
      })
      .catch(function (err) {
        console.log(err);
      });

    }
  },