微信小程序请求头header_微信小程序封装wx.request请求以及携带token

前几天老板让写一个扫码收货的小功能,因为功能简单,没必要单独进行app开发了,所以让做一个微信小程序来实现这个功能,前后端交互过程中要后端要求携带token,于是按照vue项目惯例对微信中的wx.request常用get、post、put、delete进行了封装,思路如下。

首先在pages中新建一个api的文件夹,对ajax请求统一管理,文件夹中request.js完成对wx.request的封装,在index.js中完成接口管理,目录如下图:

c05cb79cdec283ed4a183b5c79885889.png

在request.js中对wx.request进行封装,代码如下:

var tokenKey = "access-token";

var serverUrl = "http://124.204.51.174:8080/gcs";

// 例外不用token的地址

var exceptionAddrArr = [ '/user/login',];

//请求头处理函数

function CreateHeader(url, type) {

let header = {}

if (type == 'POST_PARAMS'){

header = {

'content-type': 'application/x-www-form-urlencoded'

}

}else{

header = {

'content-type': 'application/json'

}

}

if (exceptionAddrArr.indexOf(url) == -1) { //排除请求的地址不需要token的地址

let token = wx.getStorageSync(tokenKey);

// header.Authorization = token;

header['access-token'] = tok

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值