Axios简单封装

一 创建文件夹utils

在utils下创建要封装axios的js文件

request.js

import axios from "axios";
// import { Message } from "element-ui";

 const request =axios.create({
    //开发路径
    // baseURL:'http://haotian.free.idcfengye.com', 
    baseURL:'', //后端地址
    timeout:1000
})


export default request

二 后端返回的数据 放在另一个js文件中

根据后端的接口文档提供的数据接收要用到的数据

import request from "@/utils/request"
//倪师经验
export const ExperienceApi =(name)=>request.get(`/tianji/zhenjiu/niShiJingYan/${name}`)
//汉唐经络辨证取穴
export const HanTangJingLuoApi = (name)=>request.get(`/tianji/zhenjiu/jingLuoBianZheng/${name}`)
//汉唐脏腑辩证取穴
export const HanTangZangFuApi = (name)=>request.get(`/tianji/zhenjiu/zangFuBianZheng/${name}`)
//汉唐对症取穴
export const HanTangDuiZhengApi = (name)=>request.get(`/tianji/zhenjiu/duiZhengQuXue/${name}`)
//汉唐辨证取穴
export const HanTangBianZhengApi =(name)=>request.get(`/tianji/zhenjiu/bianZhengQuXue/${name}`)
//侧边十二经脉与奇经八脉
export const CeBianJingLuoApi = (name)=>request.get(`/tianji/zhenjiu/jingLuoBaMai/${name}`)
//灵龟八法与子午流注
export const LingGuiBaFaApi = (briDate,briTime)=>request.get(`/tianji/zhenjiu/lingGuiLiuZhu/${briDate}/${briTime}`)
//穴位精解
export const XueWeiJingJieApi = (name)=>request.get(`/tianji/zhenjiu/xueWei/${name}`)

三 通过自定义接受的函数返回到要用到数据的组件中

自己组件的事件触发接收