api请求书写规范

导入

导入请求拦截器与响应拦截器

import request from "./request.js"

导入qs

import qs from "qs"

qs 是一个增加了一些安全性的查询字符串解析和序列化字符串的库。可以进行对象与字符串之间的一个转换。

 

声明get请求

未携带参数

export const ApiTest1 = () => request.get("/User/UserInfo")

1. export : 导出

2. const : 声明常量

携带参数

export const GoodsDetailsAPI = (id) => request.get(`/products/${id}`)

1. id : 页面请求时需要导入的参数

 

声明post请求

export const PhoneLoginAPI = (params) => request.post("/PhoneLogin", qs.stringify(params))

1. params : 请求携带的参数

2. qs.stringify : 使用JSON字符串转换请求数据

 

组建中使用请求获取的数据

引入

import { PhoneLoginAPI, GoodsDetailsAPI } from "../request/api"

使用

get请求:

async  clickFN(){
    let users = await userInfoAPI()
    console.log("获得的数据", users.data.userInfo);
}

post请求:

async  clickFN(){
    let res = await PhoneLoginAPI({
        verifyCode: this.yanzhengcode,
        phone: this.phonenum
})
    console.log("获得的数据", res.data.code);
    }

1. verifyCode : 验证码

2. 发送请求需配合async 与 await