import { userType } from '../types/login'
import request from '../utils/request'

// 定義并導(dǎo)出請(qǐng)求接口函數(shù)userLoginApi 參數(shù)值為loginform 參數(shù)類型為userType
export function userLoginApi(loginform: userType) {
    return request({ // 返回request請(qǐng)求
        url: '/api/v1/user/member/private/login', // 請(qǐng)求接口的地址
        method: 'post', // 請(qǐng)求方式是post 還有g(shù)et等方法(了解)
        data: loginform // 請(qǐng)求的數(shù)據(jù)是loginform 在驗(yàn)證請(qǐng)求的時(shí)候可能請(qǐng)求的值為value
    })
}

// 引入axios封裝
import axios from 'axios'
import { message } from 'ant-design-vue'

// 創(chuàng)建axios實(shí)例
const request = axios.create({
    baseURL: '/store', // url = base url + request url
    timeout: 5000 // 5s超時(shí)
})

// 請(qǐng)求攔截器 一般寫(xiě)法模式
request.interceptors.request.use(
    (response) => {
        return response // 請(qǐng)求成功則返回response
    },
    (error) => { // 請(qǐng)求失敗則顯示錯(cuò)誤狀態(tài)
        message.error(error.message)
        return Promise.reject(error)
    }
)

// 響應(yīng)攔截器
request.interceptors.response.use(
    (response) => {
        return response
    },
    (error) => {
        message.error(error.message)
        return Promise.reject(error)
    }
) 

// 導(dǎo)出request
export default request 

import {接口名1、接口名2} from ' api文件地址 '
// from后所跟的就是api中文件的地址路徑

import { userLoginApi } from '../api/loginApi';

接口名({參數(shù)1:頁(yè)面中的參1，參數(shù)2：頁(yè)面中的參數(shù)2}).then(res => {
            console.log(res)
            //res就是調(diào)用接口后，后臺(tái)返回過(guò)來(lái)的結(jié)果，一般數(shù)據(jù)儲(chǔ)存在res.data.data中，具體情況而論 
            })

const handleFinish = async (value: any) => {  // 表單輸入完畢后點(diǎn)登錄調(diào)用handleFinish函數(shù)
    // async包裹handleFinish函數(shù)的參數(shù)value 傳參
    console.log(value)
    const {data:res} = await userLoginApi(value) // 對(duì)data解構(gòu)賦值 取出請(qǐng)求結(jié)果res data是請(qǐng)求接口中存放表單數(shù)據(jù)的變量
    // 先從請(qǐng)求接口的函數(shù)userLoginApi中獲取存入的表單數(shù)據(jù)value 然后用await包裹 賦值給請(qǐng)求結(jié)果res
    console.log(res)
    }