So fordern Sie eine Schnittstelle in Uniapp an

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].

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"  //线上接口

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)=>{}
    })
}

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)=>{}
    })  
}

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)=>{}
    })  
}

🎜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)=>{}
    })  
}

🎜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!