在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)=>{} }) }
好啦,請求方式都在這里啦,學會了嗎?
/********
*
* .-~~~~~~~~~-._ _.-~~~~~~~~~-.
* __.' 歡迎訪問 ~. .~ `.__
* .'// 我的博客 \./ ☞ 送你小❤ ☜ \\`.
* .'// | \\`.
* .'// .-~"""""""~~~~-._ | _,-~~~~"""""""~-. \\`.
* .'//.-" `-. | .-' "-.\\`.
* .'//______.============-.. \ | / ..-============.______\\`.
* .'______________________________\|/______________________________`.
*/