点这里
查看进阶版请求封装(拦截器:处理token过期之后的无感知登录+重新发起刚才未成功的请求)
- 新建一个文件夹request(随便起)
- 新建env.js
2.1 在这里,配置接口地址的公共地址部分、方便后续引用。
//这里使用的接口呢都是自己模拟的,可以根据自己的需求进行添加
module.exports={
//开发环境的url
dev:{
baseUrl:"http://xxxx"
},
//测试环境url
test:{
// baseUrl:"http://www.test.com"
},
//线上环境url
prod:{
// baseUrl:'https://api.it120.cc'
baseUrl:"https://xxx"
}
}
- 新建request.js
3.1 引入env中的url:项目接口地址的公共地址部分。
3.2 二次封装wx.request
// 引入env中的url
const {
baseUrl
} = require('./env.js').dev;//这里上线的时候换成线上地址
module.exports = {
/**
* 二次封装wx.request
* url:请求的接口地址
* method:请求方式 GET,POST....
* data:要传递的参数
* header:请求头
*/
request: (url, method, data, header) => {
// console.log('这是我封装的ajax请求', url, method, data, header);
let _url = `${
baseUrl}/${
url}`;//这里使用ES6的写法拼接的字符串
return new Promise((resolve, reject) => {
// wx.showLoading({
// title: '正在加载',
// });
wx.request({
url: _url,
method: method,
data: data,
header: header