uniapp請(qǐng)求接口的方法：1、使用GET請(qǐng)求數(shù)據(jù)，代碼為【method: 'GET',success: (res)=>{}】；2、使用POST，發(fā)送json格式請(qǐng)求，代碼為【method: 'POST',data: params】。
本教程操作環(huán)境：windows7系統(tǒng)、uni-app2.5.1版本、thinkpad t480電腦。
推薦（免費(fèi)）：uni-app開(kāi)發(fā)教程
uniapp請(qǐng)求接口的方法：
在main.js文件中配置：
//Vue.prototype.$baseUrl="http://192.168.1.164/api" //線下接口 Vue.prototype.$baseUrl="https://m.demo.com/api" //線上接口
在demo.vue頁(yè)面中請(qǐng)求：
GET-請(qǐng)求數(shù)據(jù)
getInfo(){
uni.request({
url: `${this.$baseUrl}/api-demo/getDemoById?lid=${lid}&page=${this.page}&pagesize=${this.pagesize}`, //這里的lid,page,pagesize只能是數(shù)字或字母
method: 'GET',
success: (res)=>{},
fail: (err)=>{}
})
}注：攜帶在url里的參數(shù)只能是數(shù)字或字母，不能是中文字符。若參數(shù)中含有中文字符，比如搜索功能，則需要將參數(shù)攜帶在data中。如下：data:params
POST-發(fā)送json格式請(qǐng)求
sendInfo(){
let params = {
"phone":this.userphone,
"name":this.username
}
uni.request({
url: `${this.$baseUrl}/api-demo/send`,
method: 'POST',
data: params,
success: (res)=>{},
fail: (err)=>{}
})
}POST-發(fā)送FormData格式請(qǐng)求
sendInfo(){
let params = {
"phone":this.userphone,
"name":this.username
}
let headers={
"Content-Type":"application/x-www-form-urlencoded" //設(shè)置一下請(qǐng)求頭即可
}
uni.request({
url: `${this.$baseUrl}/api-demo/send`,
method: 'POST',
header: headers,
data: params,
success: (res)=>{},
fail: (err)=>{}
})
}請(qǐng)求接口時(shí)攜帶token
sendInfo(){
let params = {
"phone":this.userphone,
"name":this.username
}
let headers={
"Content-Type":"application/x-www-form-urlencoded",
"Token":`this.userToken` //設(shè)置一下token即可
}
uni.request({
url: `${this.$baseUrl}/api-demo/send`,
method: 'POST',
header: headers,
data: params,
success: (res)=>{},
fail: (err)=>{}
})
}相關(guān)免費(fèi)學(xué)習(xí)推薦：php編程（視頻）
Atas ialah kandungan terperinci uniapp怎么請(qǐng)求接口. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Apakah kelemahan uniapp
Apr 06, 2024 am 04:06 AM
UniApp mempunyai banyak kemudahan sebagai rangka kerja pembangunan merentas platform, tetapi kelemahannya juga jelas: prestasi dihadkan oleh mod pembangunan hibrid, mengakibatkan kelajuan pembukaan yang lemah, pemaparan halaman dan tindak balas interaktif. Ekosistem tidak sempurna dan terdapat beberapa komponen dan perpustakaan dalam bidang tertentu, yang mengehadkan kreativiti dan merealisasikan fungsi kompleks. Isu keserasian pada platform berbeza terdedah kepada perbezaan gaya dan sokongan API yang tidak konsisten. Mekanisme keselamatan WebView adalah berbeza daripada aplikasi asli, yang mungkin mengurangkan keselamatan aplikasi. Keluaran dan kemas kini aplikasi yang menyokong berbilang platform pada masa yang sama memerlukan berbilang kompilasi dan pakej, meningkatkan kos pembangunan dan penyelenggaraan.
Apakah perbezaan antara uniapp dan flutter
Apr 06, 2024 am 04:30 AM
UniApp adalah berdasarkan Vue.js, dan Flutter adalah berdasarkan Dart kedua-duanya menyokong pembangunan merentas platform. UniApp menyediakan komponen yang kaya dan pembangunan mudah, tetapi prestasinya dihadkan oleh WebView Flutter menggunakan enjin pemaparan asli dengan prestasi cemerlang, tetapi lebih sukar untuk dibangunkan. UniApp mempunyai komuniti Cina yang aktif, dan Flutter mempunyai komuniti yang besar dan global. UniApp sesuai untuk senario dengan pembangunan pesat dan keperluan prestasi rendah Flutter sesuai untuk aplikasi kompleks dengan penyesuaian tinggi dan prestasi tinggi.
Bagaimana untuk memulakan pratonton projek uniapp yang dibangunkan oleh webstorm
Apr 08, 2024 pm 06:42 PM
Langkah untuk melancarkan pratonton projek UniApp dalam WebStorm: Pasang pemalam Alat Pembangunan UniApp Sambung ke tetapan peranti Pratonton pelancaran WebSocket
Mana satu lebih baik, uniapp atau mui?
Apr 06, 2024 am 05:18 AM
Secara umumnya, uni-app adalah lebih baik apabila fungsi asli yang kompleks diperlukan; Selain itu, uni-app mempunyai: 1. Sokongan Vue.js/JavaScript 2. Komponen asli yang kaya 3. Ekosistem yang baik; Kelemahannya ialah: 1. Isu prestasi; 2. Kesukaran dalam menyesuaikan antara muka. MUI mempunyai: 1. Sokongan Reka Bentuk Bahan 2. Fleksibiliti tinggi 3. Perpustakaan komponen/tema yang luas. Kelemahannya ialah: 1. Kebergantungan CSS; 2. Tidak menyediakan komponen asli 3. Ekosistem kecil.
Selesaikan masalah ralat UniApp: tidak dapat mencari kesan animasi 'xxx'
Nov 25, 2023 am 11:43 AM
Selesaikan masalah ralat UniApp: Tidak dapat mencari kesan animasi 'xxx' UniApp ialah rangka kerja pembangunan aplikasi merentas platform berdasarkan rangka kerja Vue.js, yang boleh digunakan untuk membangunkan aplikasi untuk berbilang platform seperti applet WeChat, H5. , dan Apl. Semasa proses pembangunan, kami sering menggunakan kesan animasi untuk meningkatkan pengalaman pengguna. Walau bagaimanapun, kadangkala anda akan menghadapi ralat: Kesan animasi 'xxx' tidak dapat ditemui. Ralat ini akan menyebabkan animasi gagal berjalan seperti biasa, menyebabkan ketidakselesaan kepada pembangunan. Artikel ini akan memperkenalkan beberapa cara untuk menyelesaikan masalah ini.
Mana yang lebih baik, pembangunan uniapp atau asli?
Apr 06, 2024 am 05:06 AM
Apabila memilih antara UniApp dan pembangunan asli, anda harus mempertimbangkan kos pembangunan, prestasi, pengalaman pengguna dan fleksibiliti. Kelebihan UniApp ialah pembangunan merentas platform, lelaran pantas, pembelajaran mudah dan pemalam terbina dalam, manakala pembangunan asli lebih unggul dalam prestasi, kestabilan, pengalaman asli dan kebolehskalaan. Timbang kebaikan dan keburukan berdasarkan keperluan projek khusus UniApp sesuai untuk pemula, dan pembangunan asli sesuai untuk aplikasi kompleks yang mengejar prestasi tinggi dan pengalaman yang lancar.
Apakah alat pembangunan yang digunakan oleh uniapp?
Apr 06, 2024 am 04:27 AM
UniApp menggunakan HBuilder
Apakah asas yang diperlukan untuk mempelajari uniapp?
Apr 06, 2024 am 04:45 AM
pembangunan uniapp memerlukan asas berikut: teknologi bahagian hadapan (HTML, CSS, JavaScript) pengetahuan pembangunan mudah alih (platform iOS dan Android) Node.js asas lain (alat kawalan versi, IDE, simulator pembangunan mudah alih atau pengalaman penyahpepijatan mesin sebenar)
