标签：index 毕设 Day3 接口 js api base 挂载

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

标签：index,毕设,Day3,接口,js,api,base,挂载
来源： https://blog.csdn.net/weixin_43690623/article/details/122772770

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。