uniapp中請求接口問題


在main.js文件中配置:

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

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

注:攜帶在rul里的參數只能說數字或字母,不能是中文字符。若參數中含有中文字符,比如搜索功能,則需要將參數攜帶在data中。如下: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)=>{}
    })  
}
//請求接口時攜帶token
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)=>{}
    })  
}

 

好啦,請求方式都在這里啦,學會了嗎?

/********
 *                    
 *                 .-~~~~~~~~~-._       _.-~~~~~~~~~-.
 *             __.'  歡迎訪問     ~.   .~              `.__
 *           .'//     我的博客      \./   ☞ 送你小 ☜  \\`.
 *         .'//                     |                     \\`.
 *       .'// .-~"""""""~~~~-._     |     _,-~~~~"""""""~-. \\`.
 *     .'//.-"                 `-.  |  .-'                 "-.\\`.
 *   .'//______.============-..   \ | /   ..-============.______\\`.
 * .'______________________________\|/______________________________`.
 */


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM