### 1、安装axios
使用`npm`命令进行安装
`npm install axios -S`

### 2、沿用上一章的全局变量设置，绑定axios参数
```
// 全局常量定义
// v1.0.1
import axios from 'axios'

// 常量表
const config = {
    // ajax插件
    axios:axios,
    // 版本号
    edition:'v1.0.1',
    // 项目名称
    entry_name:'Vue2测试项目'
}

// 常量定义函数
let bindToGlobal = (obj, key) => {
     if (typeof window[key] === 'undefined') {
         window[key] = {};
     }

for (let i in obj) {
         window[key][i] = obj[i]
     }
}
bindToGlobal(config,'_config')
```

### 3、.vue模板中使用axios发送post请求
```
<template>
<div id="app">
    <button v-on:click="submit">注册</button>
</div>
</template>

export default {
    methods: {
         submit: function(event) {
            _config.axios({
                method: 'post',
                url: '/user',
                data: {
                    name: 'wise',
                    info: 'wrong'
                }
            }).then(function (response) {
                // 成功回调
                console.log(response);
            })
            .catch(function (error) {
                // 异常监听
                console.log(error);
            });
        }
    }
}
</script>
```

### 4、axios的中文文档参考
[https://www.kancloud.cn/yunye/axios/234845](https://blog.junphp.com "https://www.kancloud.cn/yunye/axios/234845")

已有0条评论

添加新评论☺

如果认为本文对您有所帮助请赞助本站

支付宝扫一扫赞助

已有0条评论

添加新评论☺