模版提供了 Rest 接口请求的工具方法,在 utils 目录下的 request.js 中。
在编写接口请求代码时,统一在 api 目录中编写,每个业务模块一个 js 文件,如用户模块请求创建一个 user.js 文件:
接口请求代码示例:
import request from '../utils/request.js'
export function encryptPwd(data) {
return request({
url: '/edss-euip/gucs-user/api/euip/user/pwd/encrypt',
method: 'POST',
data
})
}
export function login(data) {
return request({
url: '/euip-gapi/gucs-user/api/euip/user/login',
method: 'POST',
data
})
}
业务组件中的使用示例:
import { login, encryptPwd } from '@/api/user.js'
async login(context, userInfo) {
const {
data
} = await encryptPwd({
password: userInfo.password
})
const {
data: res
} = await login({
clientId: context.state.clientId,
clientSecrt: context.state.clientSecrt,
username: userInfo.username,
password: data.password
})
this.commit('user/setToken', res.token)
this.commit('user/setUserInfo', res.userDto)
uni.reLaunch({
url: "/pages/work/work"
})
}