vue axios

methods: {

            // 获取数据

            get_data(){

                // 先看一下 axios 是否已经挂载到 vue实例上也就是 this上

                console.dir(this.axios)//可以看到 上面有get post 等方法

                this.axios.get(" ").then(res=>{

                    // 成功回调

                    // res 就是返回结果

                    console.log(res)

                }).catch(err=>{

                    // 错误回调

                })          

            }

        },

        mounted(){

            // 页面渲染完成时自动执行的方法

            // 在这里面调用一下 get_data

            this.get_data()

        }

main,js

// let base_url = "http://qiniu.gek6.com"

// let base_url = "http://baidu.com"

// 在这去配置一下 拦截器

// 添加请求拦截器

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

  // 在发送请求之前做些什么

  // 请求之前 拿到 url 然后拼接上咱提前设置的base_url

  // config.url  = base_url+config.url;

  return config;

}, function (error) {

  // 对请求错误做些什么

  return Promise.reject(error);

});

// 添加响应拦截器

axios.interceptors.response.use(function (response) {

  // 对响应数据做点什么

  // 刚刚的相应数据 外面包了一层 axios的请求状态，在这里给他去掉

  // 这里的 response 跟刚刚请求的 res是一个东西

  // if(response.status==200){

  //  return response.data;

  // }

  // return response;

}, function (error) {

  // 对响应错误做点什么

  return Promise.reject(error);

});