毕设Day3

• 前言
• 一、请求疫情信息数据
• • 1.在api文件夹下base.js文件请求数据
  • 2.index.js里面封装
  • 3.将api挂载全局（挂载到Vue原型上，使全局都可以访问）

前言

第三天啦！！！加油加油加油！

---

一、请求疫情信息数据

完整接口地址：http://api.tianapi.com/ncov/index?key=412004cd81d5f87c2ea0900ac5b5f4c1

1.在api文件夹下base.js文件请求数据

//所有网络请求/接口的地址
const base = {
    //网址的配置路径
    // 疫情信息
    baseUrl:'http://api.tianapi.com',
    //疫情接口参数?key=412004cd81d5f87c2ea0900ac5b5f4c1
    covidInfo: '/ncov/index?key=412004cd81d5f87c2ea0900ac5b5f4c1',
}
export default base

2.index.js里面封装

// 所有网络请求的方法
import axios from "../utils/request.js";
//接口地址
import base from "./base.js"
const api = {
    // 第一个接口
    // 疫情的动态数据信息
    getCovidInfo() {
        return axios.get(base.baseUrl+base.covidInfo)
    },
    getLogin() {
        
    }
}
//导出api
export default api;

3.将api挂载全局（挂载到Vue原型上，使全局都可以访问）

import api from './api/index'
// 将api挂载到原型
Vue.prototype.$api = api