axios的get请求

1、在main.js加载axios

import Axios from "axios"
Vue.prototype.$axios = Axios


//拦截器
//添加请求拦截器
Axios.interceptors.request.use(function(config){
    //在发送请求之前做些什么
    return config;
}, function(error) {
    //对请求错误做些什么
    return Promise.reject(error);
});

//添加响应拦截器
Axios.interceptors.response.use(function(response){
    //对响应数据做点什么
    return response;
},function(error) {
    //对响应错误做些什么
    return Promise.reject(error);
});

2、在操作页面发起请求

 //请求
    var url ='http://route.showapi.com/819-1';
    this.$axios({
       method:"get",
       url:url
    })
    .then(res => {
      console.log(res.data);
    })
    .catch(error => {
      console.log(error); 
    })

image.png