在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中。如下：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)=>{}
    })  
}