feat:增加接口请求方式配置、增加跨域接口访问配置、增加使用案例。

This commit is contained in:
wuyx
2022-10-24 14:49:39 +08:00
parent b433e00429
commit 3a11f41826
5 changed files with 172 additions and 39 deletions

View File

@@ -1,19 +1,74 @@
import http from "./config";
// 接口
export const getUserInfo = () => http.get('/');
export const getUserById = (x, y, z) => http.post('/getuserbyid', { x, y, z });
import qs from 'qs';
// 使用方法
/**
* 接口传参数方式get
* axios.get('/user', {
* params: {
* id: 12345
* name: user
* }
* }).then(res => console.log(res))
*
* 接口传参三种方式post/put/patch
*
* 1.'Content-Type'= 'multipart/form-data',传参格式为 formData。
* (全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'
* request的Header:'Content-Type'= 'multipart/form-data'
* var formData=new FormData();
* formData.append('user',123456);formData.append('pass',12345678);
* axios.post("/notice",formData).then()
*
* 2.'Content-Type'= 'application/x-www-form-urlencoded',传参格式为 query 形式,使用$qs.stringify。
* (全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'
* request的Header:'Content-Type'= 'application/x-www-form-urlencoded'
* let data = {"code":"1234","name":"yyyy"};
* axios.post(`${this.$url}/test/testRequest`,qs.stringify({data})).then()
*
* 3.'Content-Type'= 'application/json传参格式为 raw (JSON格式)。
* (全局请求头:'Content-Type'= 'application/x-www-form-urlencoded'
* request的Header:'Content-Type'= 'application/json;charset=UTF-8'
* let data = {"code":"1234","name":"yyyy"}
* axios.post(`${this.$url}/test/testRequest`,data).then()
*
*/
// 接口-请求
// 根据投票ID获取题干信息
export const getStemInfo = (stemId) => http.post('/vote/queryStemByStemId', qs.stringify({ stemId: stemId }));
// 测试方法
// import * as api from '../../api/index'
// api.getUserById(6, 7, 8).then(res => {
// api.getStemInfo(4).then(res => {
// console.log(res)
// }).catch(err => {
// console.log(err)
// })
// api.getUserInfo().then(res => {
// 获取字典列表
export const getList = (pageno, pagesize) => http.post('/dict/getList', {
"dictCode": "",
"pageNo": pageno,
"pageSize": pagesize
})
// 测试方法
// import * as api from '../../api/index'
// api.getList(0,0).then(res => {
// console.log(res)
// }).catch(err => {
// console.log(err)
// })
// 根据活动ID获取活动信息接口
export const getActivityList = (activityId) => http.get('/activity', { params: { "activityId": activityId } })
// 测试方法
// import * as api from '../../api/index'
// api.getActivityList(4).then(res => {
// console.log(res)
// }).catch(err => {
// console.log(err)