Okhttp.ets

/**
 * 網絡請求
 */
import axios from '@ohos/axios'
import httpConstants from '../net/HttpConstants'
import errorCode from '../utils/errorCode'
import toast from '../utils/ToastUtils'
import router from '../utils/RouterUtils'
import SPUtils from '../utils/SPUtils'
import SpConstants from '../net/SpConstants'

axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
// 創建axios實例
const service = axios.create({
  baseURL:httpConstants.url,
  timeout:10000
})
// request攔截器
service.interceptors.request.use(async config = > {
  // 是否需要設置 token
  const access_token = await SPUtils.get(SpConstants.accessToken,"")
  if (access_token != "") {
    config.headers['Authorization'] = 'Bearer ' + access_token // 讓每個請求攜帶自定義token 請根據實際情況自行修改
  }
  return config
}, error = > {
  console.log(error)
  Promise.reject(error)
})

// 響應攔截器
service.interceptors.response.use(res = > {
  // 未設置狀態碼則默認成功狀態
  const code = res.data.code || 200;
  // 獲取錯誤信息
  const msg = errorCode[code] || res.data.msg || errorCode['default']
  if (code === 401) {
    toast.show("登錄狀態已過期，您可以繼續留在該頁面，或者重新登錄")
    router.goNot('pages/Login')
  } else if (code === 500) {
    toast.show(msg)
    return Promise.reject(new Error(msg))
  } else if (code !== 200) {
    toast.show(msg)
    return Promise.reject('error')
  } else {
    return res
  }
},
  error = > {
    console.log('err' + error)
    let { message } = error;
    if (message == "Network Error") {
      message = "后端接口連接異常";
    }
    else if (message.includes("timeout")) {
      message = "系統接口請求超時";
    }
    else if (message.includes("Request failed with status code")) {
      message = "系統接口" + message.substr(message.length - 3) + "異常";
    }
    toast.show(message)
    return Promise.reject(error)
  }
)

export default service

API接口調用方法

LoginAPI.ets

或+mau123789學習，是v喔

import okHttp from '../utils/Okhttp'

// 登錄方法-POST方法
export function login(username, password, code, uuid) {
  const data = {
    username,
    password,
    code,
    uuid
  }
  return okHttp({
    url: '/login',
    method: 'post',
    data: data
  })
}

// 獲取用戶詳細信息-GET方法
export function getInfo() {
  return okHttp({
    url: '/getInfo',
    method: 'get'
  })
}

Login.ets頁面

import {login,getInfo} from '../api/LoginAPI'

login(this.userName,this.userPwd,this.userCode,this.uuid).then(res= >{
  SPUtils.put(SpConstants.appUser,this.userName)
  SPUtils.put(SpConstants.appPwd,this.userPwd)
  SPUtils.put(SpConstants.accessToken,res.data.token)
})

審核編輯 黃宇