剛出爐熱乎的。UniApp X 封裝 uni.request

HBuilder X v4.66 當前最新版本

由于 uniapp x 使用的是自己包裝的 ts 語言 uts。目前語言還沒有穩定下來,各種不支持 ts 各種報錯各種不兼容問題。我一個個問題調通的,代碼如下:

封裝方法

// my-app/utils/request.uts
const UNI_APP_BASE_URL = "http://192.168.1.1:8080"	// 開發環境
// const UNI_APP_BASE_URL = "http://test.com"	// 測試環境
// const UNI_APP_BASE_URL = "http://pro.com"	// 正式環境type JsonResult = {code : number;	// 狀態碼data ?: any;	// 返回數據msg ?: string;	// 返回消息
}export function get(uri : string, data : any = {}) : Promise<JsonResult> {const url = UNI_APP_BASE_URL + uri;return new Promise((resolve, reject) => {uni.request<JsonResult>({url,method: "GET",data,success: (response) => {const jsonResult = response.dataif (jsonResult != null) {if (jsonResult.code != 0) {uni.showToast({ title: jsonResult.msg ?? "出錯了", icon: 'none' })}resolve(jsonResult);}}, fail: (err) => {console.error("錯誤信息:", err)uni.showToast({ title: "app 錯誤 " + err.errMsg, icon: 'none' })reject(err);}})})
}export function post(uri : string, data : any = {}) : Promise<JsonResult> {const url = UNI_APP_BASE_URL + uri;return new Promise((resolve, reject) => {uni.request<JsonResult>({url,method: "POST",data,success: (response) => {const jsonResult = response.dataif (jsonResult != null) {if (jsonResult.code != 0) {uni.showToast({ title: jsonResult.msg ?? "出錯了", icon: 'none' })}resolve(jsonResult);}}, fail: (err) => {console.error("錯誤信息:", err)uni.showToast({ title: "app 錯誤 " + err.errMsg, icon: 'none' })reject(err);}})})
}

如下使用:

<script setup lang="uts">import { post } from '@/utils/request.uts';async function login() {try {const jsonResult = await post("/login", { mobile: "11111111111", code: "111111", grantType: "sms" });console.log("請求返回數據:", jsonResult);} catch (err) {console.error("請求失敗:", err);}}login();
</script>

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/diannao/85798.shtml
繁體地址,請注明出處:http://hk.pswp.cn/diannao/85798.shtml
英文地址,請注明出處:http://en.pswp.cn/diannao/85798.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【ArcGIS微課1000例】0148:Geographic Imager6.2使用教程

文章目錄 一、Geographic Imager6.2下載安裝二、Geographic Imager6.2使用方法1. 打開Geographic Imager2. 導入地理影像3. 導入DEM地形渲染4. 設置地理坐標系統5. 進行地理影像的處理6. 導出地理影像一、Geographic Imager6.2下載安裝 在專欄上一篇文章中已經詳細講述了Geogr…

零基礎安裝 Python 教程:從下載到環境配置一步到位(支持 VSCode 和 PyCharm)與常用操作系統操作指南

零基礎安裝 Python 教程&#xff1a;從下載到環境配置一步到位&#xff08;支持 VSCode 和 PyCharm&#xff09;與常用操作系統操作指南 本文是一篇超詳細“Python安裝教程”&#xff0c;覆蓋Windows、macOS、Linux三大操作系統的Python安裝方法與環境配置&#xff0c;包括Pyt…

定時任務的 cron 表達式

定時任務的 cron 表達式 一、什么時 cron 表達式 Cron表達式是一種廣泛應用于Linux系統的時間表示格式&#xff0c;常用于定時任務的調度。Cron表達式可以通過指定不同的時間參數&#xff0c;描述一個在 未來某個時間點執行的任務。 二、Cron表達式語法 秒 分 時 日 月 周幾…

PHP+mysql 美容美發預約小程序源碼 支持DIY裝修+完整圖文搭建教程

在數字化浪潮席卷的當下&#xff0c;美容美發行業也急需線上轉型&#xff0c;以提升客戶預約效率與服務體驗。開發一款美容美發預約小程序成為眾多商家的迫切需求。本文將為大家分享一套基于 PHPMySQL 的美容美發預約小程序源碼&#xff0c;功能完備、支持 DIY 裝修&#xff0c…

十八、【用戶認證篇】安全第一步:基于 JWT 的前后端分離認證方案

【用戶認證篇】安全第一步:基于 JWT 的前后端分離認證方案 前言什么是 JWT (JSON Web Token)?準備工作第一部分:后端 Django 配置 JWT 認證1. 安裝 `djangorestframework-simplejwt`2. 在 `settings.py` 中配置 `djangorestframework-simplejwt`3. 在項目的 `urls.py` 中添加…

03 Deep learning神經網絡的編程基礎 代價函數(Cost function)--吳恩達

深度學習中的損失函數(Cost Function)用于量化模型預測與真實數據的差距,是優化神經網絡的核心指標。以下是常見類型及數學表達: 核心原理 邏輯回歸通過sigmoid函數將線性預測結果轉換為概率: y ^ ( i ) \hat{y}^{(i)}

Linux信號捕捉技術深度解析

根據您的需求&#xff0c;文章可以聚焦技術實現與實踐的結合&#xff0c;以下提供幾個標題方案供選擇&#xff1a; 方案一&#xff08;學術向標題&#xff09; 《Linux信號捕捉機制全解析&#xff1a;內核態捕獲原理、可重入函數實踐與SIGCHLD異步處理中的volatile陷阱》 方案…

【大模型部署】mac m1本地部署 ChatGLM3-6B 超詳細教程

本人環境&#xff1a;macOS 15.5 (Sonoma) - Apple M1 / 16 G 目標&#xff1a;在 mac m1 16G 上 完全離線 的本地模型目錄上&#xff0c;跑通官方 ChatGLM3-6B 目錄 背景 & 踩坑記錄 準備工作 新建 Conda 環境并安裝依賴 關鍵環境變量 運行 composite_demo 常見報錯與…

Redis命令使用

Redis是以鍵值對進行數據存儲的&#xff0c;添加數據和查找數據最常用的2個指令就是set和get。 set&#xff1a;set指令用來添加數據。把key和value存儲進去。get&#xff1a;get指令用來查找相應的鍵所對應的值。根據key來取value。 首先&#xff0c;我們先進入到redis客戶端…

Linux打開.img鏡像文件

kparkx 可以查看和修改img文件的內容 1.安裝kparkx 1.安裝 kpartx sudo apt-get update sudo apt-get install kpartx2.使用kpartx映射鏡像文件 假設鏡像文件名為 example.img &#xff0c;以下命令會將其分區映射到 dev/mapper/ sudo kpartx -av example.img? -a表示添加…

6.4 計算機網絡面試題

HTTP到底是不是無狀態的&#xff1f; 無狀態即每個請求都是獨立的&#xff0c;服務器不會在多個請求間保存關于客戶端狀態的信息。 HTTP雖然是無狀態的&#xff0c;但是可以通過一些機制保存狀態&#xff0c;如使用cookies session跟蹤用戶狀態。 攜帶Cookie的HTTP請求是有狀…

基于千帆大模型的AI體檢報告解讀系統實戰:使用OSS與PDFBox實現PDF內容識別

目錄 說明 前言 需求 流程說明 表結構說明 整體流程 百度智能云 注冊和實名認證 創建應用 費用說明 大模型API說明 集成大模型 設計Prompt 上傳體檢報告 讀取PDF內容 功能實現 智能評測 抽取大模型工具 功能實現 總結 說明 AI體檢報告解讀、病例小結或者…

湖北理元理律師事務所:債務優化中的生活保障實踐

在債務壓力與生活質量失衡的普遍困境中&#xff0c;法律服務的價值不僅在于解決債務問題&#xff0c;更在于幫助債務人重建生活秩序。湖北理元理律師事務所通過其債務優化服務&#xff0c;探索出一條“法律生活”的雙軌路徑。 債務規劃的核心矛盾&#xff1a;還款能力與生存需…

無人機智能識別交通目標,AI視覺賦能城市交通治理新高度

在城市化快速發展的當下&#xff0c;如何實現對道路交通的智能化管理、保障出行安全&#xff0c;成為城市治理的重要命題。傳統的交通監控往往依賴地面攝像頭&#xff0c;受限于固定視角與安裝環境。而今&#xff0c;隨著人工智能與無人機技術的深度融合&#xff0c;一種更高效…

unity UI Rect Transform“高”性能寫法

&#x1f3af; Unity UI 性能優化終極指南 — RectTransform篇 &#x1f9e9; RectTransform 是什么&#xff1f; Unity UI中每一個UI元素的必備組件繼承自 Transform&#xff0c;但專門用于 2D 布局負責定義UI的位置、大小、錨點、旋轉、縮放 ?? 特別注意&#xff1a;所有…

JDK21深度解密 Day 8:Spring Boot 3與虛擬線程整合

【JDK21深度解密 Day 8】Spring Boot 3與虛擬線程整合 引言:Spring Boot 3遇上JDK21虛擬線程 在本系列的第8天,我們將聚焦于Spring Boot 3與JDK21虛擬線程的整合實踐。作為全網首套完整的JDK21特性解析,我們不僅會探討虛擬線程如何顛覆傳統Java并發模型,還會通過完整的Sp…

【STM32F407 PWM配置和應用指南 】

PWM基本概念 PWM&#xff08;脈沖寬度調制&#xff09;是一種通過快速開關數字信號來控制模擬電路的技術&#xff0c;通過改變脈沖的占空比來控制平均電壓。STM32F407的定時器外設可以生成PWM信號。 STM32F407 PWM配置步驟 1. 定時器時鐘使能 首先需要使能定時器的時鐘&…

鴻蒙【HarmonyOS 5】 (React Native)的實戰教程

一、環境配置 ?安裝鴻蒙專屬模板? bashCopy Code npx react-native0.72.5 init HarmonyApp --template react-native-template-harmony:ml-citation{ref"4,6" data"citationList"} ?配置 ArkTS 模塊路徑? 在 entry/src/main/ets 目錄下創建原生模塊&…

MYSQL MGR高可用

1&#xff0c;MYSQL MGR高可用是什么 簡單來說&#xff0c;MySQL MGR 的核心目標就是&#xff1a;確保數據庫服務在部分節點&#xff08;服務器&#xff09;發生故障時&#xff0c;整個數據庫集群依然能夠繼續提供讀寫服務&#xff0c;最大限度地減少停機時間。 2. 核心優勢 v…

(18)混合云架構部署

文章目錄 &#x1f680; 混合云架構部署&#xff1a;Java應用的云原生之旅&#x1f329;? 混合云架構簡介? Java應用云原生部署五大核心技術1?? 容器化與編排技術2?? 服務網格與API網關3?? CI/CD自動化流水線4?? 多云管理平臺5?? 云原生Java框架與運行時 &#x1f…