vue中使用axios发送ajax请求

vue的官方推荐使用axios发送ajax请求

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

详细介绍参考：Axios中文说明

特征：

• 从浏览器中创建的XMLHttpRequest

• 从node.js创建http请求

• 支持Promise API

• 拦截请求和响应

• 转换请求数据和响应数据

• 取消请求

• 自动转换JSON数据

• 客户端支持防御XSRF

axios安装

npm install axios --save

axios使用

1、组件中引入axios

import axios from 'axios'

2、组件中执行axios请求

methods: {
    //定义getHomeInfo方法
    getHomeInfo () {
        axios.get('/api/index.json')
            .then(this.getHomeInfoSucc)
            //获取到数据后执行getHomeInfoSucc方法
    },
    //定义getHomeInfoSucc方法
    getHomeInfoSucc (res) {
        console.log(res)
        //打印出res数据
    }
},
mounted () {
    //挂载后执行getHomeInfo方法
    this.getHomeInfo()
}

《axios跨域问题的解决》