项目配置接口函数以及使用

1.创建axios示例，新建一个js文件。

import axios from 'axios'
const service = axios.create({
    baseURL:"/",
    timeout:100000,
    headers:{
        "content-type":"application/json"
    }
})
//请求拦截器
service.interceptors.request.use(
    config=>{
        if(config.headers.showLoading){

        }
        return config
    },
    error =>{
        console.log(error)
    }
)
axios.defaults.timeout =100000
axios.defaults.headers.post["content-type"] = "application/x-www-form-urlencoded;charset=UTF-8"
//响应拦截器
service.interceptors.request.use(
    config=>{
        if(config.headers.showLoading){

        }
        return config
    },
    error =>{
        console.log(error)
    }
)

export default service

2.统一所有接口函数，新建一个js文件。

import request from "@/utils/request" //封装aixos的路径
//创建接口
export function getDetails1(data){
    return request({
        url:"/actuary/getDetails1",
        method:"post",
        data
    })
}
export function getDetails2(data){
    return request({
        url:"/actuary/getDetails2",
        method:"post",
        data
    })
}

export function getDetails3(data){
    return request({
        url:"/actuary/getDetails3",
        method:"post",
        data
    })
}

3.在项目中使用。

import {getDetails1,getDetails2} from "xxxxxxx"

html 部分：
<button @click="up">按一下</button>

js 部分：
async up(){
    data={} //接口传参
    let res = await getDetails1(data)
}