vue 使用axios 学习

1、axios的说明  参见：https://www.kancloud.cn/yunye/axios/234845

2、axios的使用

（1）通过创建config.js配置文件来设置 axiosl基本的路径和参数；

             const baseUrl = '域名' 

             const config = {

                         ...

                        url: baseUrl,

                        api: `${baseUrl}/添加一些其他的统一路径`,

                        ...

           }

           export default config

（2）创建一个http.js              

          import Vue from 'vue'

          import axios from 'axios'

          import config from './config' //引入配置文件

          axios.defaults.baseURL = config.api; //获取基本URL

          axios.defaults.timeout = 2000;//定义超时时间

          //请求拦截 处理

           axios.interceptors.request.use(function (config) {

           // 发送之前处理

                    return config;

             })

           //在Vue的原型上添加一个http属性，将axios 传给http 以后可以直接全局使用

           Vue.prototype.$http = axios;

 （3）使用

         this.$http.get("请求的相对路径"，请求的参数).then(response => { 回调函数}).catch(error => {错误处理})