Vue中获取接口的方法

在vue小黑框中输入 cnpm install axios 下载安装

可以设置成全局

引入import axios from 'axios'

把axios放进Vue对象的原型中

Vue.prototype.axios=axios

设置默认的地址

axios.defaults.baseURL='https://elm.cangdu.org/'

设置请求超时时间

axios.defaults.timeout=2500;

在组件里面怎么使用

 this.axios.get('v1/cities?type=guess').then(res=>{})

在mounted调用

在页面中引入

import 自定义的名字 from 'axios'

在mounted（）{

自定义的名字.get('要访问的网址').then(res=>{

})

}

第二种

fetch

fetch('要访问的网址').then(res=>{
            // text()方法属于fetchAPI的一部分，
            //它返回一个Promise实例对象，用于获取后台返回的数据
            return res.json()  //返回json数据
        }).then(res=>{    //res 就是获取的数据
            console.log(res);
        })

第三种

  this.axios.get('v1/cities?type=guess').then(res=>{

         })