Java教程

【毕设Day3】

本文主要是介绍【毕设Day3】,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

毕设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

在这里插入图片描述

这篇关于【毕设Day3】的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!