Heim > Web-Frontend > uni-app > So fordern Sie eine Schnittstelle in Uniapp an

So fordern Sie eine Schnittstelle in Uniapp an

coldplay.xixi
Freigeben: 2023-01-13 00:44:23
Original
24967 Leute haben es durchsucht

Uniapp-Anforderungsschnittstellenmethode: 1. Verwenden Sie GET, um Daten anzufordern, der Code lautet [Methode: 'GET',success: (res)=>{}] 2. Verwenden Sie POST, um eine JSON-Formatanforderung, den Code, zu senden ist [Methode: 'POST', Daten: Parameter].

So fordern Sie eine Schnittstelle in Uniapp an

Die Betriebsumgebung dieses Tutorials: Windows7-System, Uni-App2.5.1-Version, Thinkpad T480-Computer.

RECMIMMIVEDED (FREE): uni-App-Entwicklung Tutorial

uniApp Anfrage Schnittstellenmethode:

Configure In der Main.js-Datei:

//Vue.prototype.$baseUrl="http://192.168.1.164/api"   //线下接口  
Vue.prototype.$baseUrl="https://m.demo.com/api"  //线上接口
Nach dem Login kopieren

Request in der Demo.Vue-Seite:



getInfo(){
    uni.request({
          url: `${this.$baseUrl}/api-demo/getDemoById?lid=${lid}&page=${this.page}&pagesize=${this.pagesize}`,  //这里的lid,page,pagesize只能是数字或字母
          method: 'GET',
          success: (res)=>{},
          fail: (err)=>{}
    })
}
Nach dem Login kopieren
request GET-Request-Daten

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)=>{}
    })  
}
Nach dem Login kopieren
Hinweis: Die in der URL enthaltenen Parameter können nur Zahlen oder Buchstaben sein, keine chinesischen Schriftzeichen. Wenn die Parameter chinesische Zeichen enthalten, wie z. B. die Suchfunktion, müssen die Parameter in Daten enthalten sein. Wie folgt: data:params
POST-Send json format request

sendInfo(){
    let params = {
          "phone":this.userphone,
          "name":this.username
    }
    let headers={
          "Content-Type":"application/x-www-form-urlencoded"  //设置一下请求头即可
    }
    uni.request({
          url: `${this.$baseUrl}/api-demo/send`,
          method: 'POST',
          header: headers,
          data: params,
          success: (res)=>{},
          fail: (err)=>{}
    })  
}
Nach dem Login kopieren
🎜POST-Send FormData format request🎜🎜
sendInfo(){
    let params = {
          "phone":this.userphone,
          "name":this.username
    }
    let headers={
          "Content-Type":"application/x-www-form-urlencoded",
          "Token":`this.userToken`   //设置一下token即可
    }
    uni.request({
          url: `${this.$baseUrl}/api-demo/send`,
          method: 'POST',
          header: headers,
          data: params,
          success: (res)=>{},
          fail: (err)=>{}
    })  
}
Nach dem Login kopieren
🎜Carry token when request the interface🎜rrreee🎜🎜Verwandte kostenlose Lernempfehlungen: 🎜php programming🎜 (Video) 🎜🎜 🎜

Das obige ist der detaillierte Inhalt vonSo fordern Sie eine Schnittstelle in Uniapp an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage