在写小程序的时候,我们最好使用的是全局环境来调用接口,这样我们可以在改域名地址的时候会显得很方便
config.js里面的是自己放置接口地址的地方
userApi.js里面专门放置咩个接口调用的方法
request.js里面是自己封装的POST和GET方法
config.js
var app = getApp()
const config = {
url:'接口的地址'
}
export {
config
}
request.js
import {
config
} from '../config/config.js'
const app = getApp()
class request {
constructor(){
this.API_URL = config.url; //调用config的接口
}
//封装GET
Get(url, params) {
var token = wx.getStorageSync('token') ? wx.getStorageSync('token') : [];
return new Promise(function (resolve, reject) {
wx.request({
url: config.url + url,
data: params,
method: 'GET',
header: {
'Content-Type': 'application/json',
'token': wx.getStorageSync('token')
},
success: res => {
resolve(res.data);
// console.log(token)
},
fail: res => {
wx.hideLoading(2000)
reject(res.data)
}
})
});
}
//封装POST
Post(url, params) {
var token = wx.getStorageSync('token') ? wx.getStorageSync('token') : [];
return new Promise(function (resolve, reject) {
// console.log(url)
wx.request({
url: config.url + url,
data: params,
method: 'POST',
header: {
'content-Type': 'application/x-www-form-urlencoded',
'token': wx.getStorageSync('token')
},
success: res => {
resolve(res.data);
},
fail: res => {
reject(res.data)
}
})
});
}
}
export {
request
}
UserAPI
import { request } from '../http/request.js'
class userApi extends request {
//登录
login(data, handle) {
this.Post('/api/login',data)
.then(res=>{
handle(res)
})
.catch(err=>{
handle(err)
})
}
}
export {
userApi
}
在前端页面进行调用接口
引入文件 import { userApi } from "../../common/api/userApi.js"