uniapp에서 인터페이스를 요청하는 방법

Uniapp 요청 인터페이스 방법: 1. GET을 사용하여 데이터를 요청합니다. 코드는 [method: 'GET',success: (res)=>{}]입니다. 2. POST를 사용하여 json 형식 요청, 코드를 보냅니다. [메서드: 'POST',데이터: 매개변수]입니다.

이 튜토리얼의 운영 환경: windows7 시스템, uni-app2.5.1 버전, thinkpad t480 컴퓨터.

권장(무료): uni-app 개발 튜토리얼

uniapp 요청 인터페이스 방법:

main.js 파일에서 구성:

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

demo.vue 페이지에서 요청:

GET-요청 데이터

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

참고: URL에 포함된 매개변수는 숫자 또는 문자만 가능하며 중국어 문자는 사용할 수 없습니다. 검색 기능과 같이 매개변수에 한자가 포함된 경우 해당 매개변수를 데이터에 담아야 합니다. 다음과 같습니다: data:params

POST-json 형식 요청 보내기

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-FormData 형식 요청 보내기

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

인터페이스 요청 시 토큰 전달

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

관련 무료 학습 권장사항: php 프로그래밍(동영상)

위 내용은 uniapp에서 인터페이스를 요청하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!