vue-Ajax请求

一、vue-resource

　　1、安装　

npm install vue-resource --save 

　　2、main.js引入  

import VueResource from 'vue-resource'

　　3、使用 use

Vue.use(VueResource)

　　4、调用

VueResource() {
      this.$http
        .get(
          "https://api.github.com/search/repositories?q=${this.searchName}&sort=stars"
        )
        .then(
          (response) => {
            console.log("获取成功");
            console.log(response.data.items);
          },
          (error) => {
            console.log(error.statusText);
          }
        );
    }

二、axios

　　1、安装

npm install axios --save

　　2、引入

import axios from 'axios'

　　3、重命名

// vue2的写法
Vue.prototype.$axios = axios

// vue3的写法
// axios.defaults.baseURL = 'https://api.github.com'
// app.config.globalProperties.$http = axios

　　4、调用

axiosr() {
      this.$axios
        .get("https://api.github.com/search/users?q=aa")
        .then((res) => {
          console.log("获取成功");
          console.log(res.data.items[0]);
        })
        .catch((error) => {
          console.log(error.message);
        });
    }