模版提供了 Rest 接口请求的工具方法,在 utils 目录下的 request.js 中。
    image.png
    在编写接口请求代码时,统一在 api 目录中编写,每个业务模块一个 js 文件,如用户模块请求创建一个 user.js 文件:
    image.png
    接口请求代码示例:

    1. import request from '../utils/request.js'
    2. export function encryptPwd(data) {
    3. return request({
    4. url: '/edss-euip/gucs-user/api/euip/user/pwd/encrypt',
    5. method: 'POST',
    6. data
    7. })
    8. }
    9. export function login(data) {
    10. return request({
    11. url: '/euip-gapi/gucs-user/api/euip/user/login',
    12. method: 'POST',
    13. data
    14. })
    15. }

    业务组件中的使用示例:

    1. import { login, encryptPwd } from '@/api/user.js'
    2. async login(context, userInfo) {
    3. const {
    4. data
    5. } = await encryptPwd({
    6. password: userInfo.password
    7. })
    8. const {
    9. data: res
    10. } = await login({
    11. clientId: context.state.clientId,
    12. clientSecrt: context.state.clientSecrt,
    13. username: userInfo.username,
    14. password: data.password
    15. })
    16. this.commit('user/setToken', res.token)
    17. this.commit('user/setUserInfo', res.userDto)
    18. uni.reLaunch({
    19. url: "/pages/work/work"
    20. })
    21. }