最近开发后台，特此总结关于layui与后端token的问题

在开发后台管理系统中，我们希望能够提供既简单实用又轻量的开发模板（官网地址https://www.layui.com/）。

目前我们团队开发的后台管理系统中前端采用的是付费的layui admin pro 版本。

虽然该后台管理系统已经提供了很不错的功能和模板样式，当然这也是我们很在意的，所以才有这样的选择结果。

话不多说，之前多是自己开发后台模板的我，因为打下手的人数减少3个，只剩了7个，所以工作量简单计算下，会直接增加3分1，如果还是自己开发和维护一套后台模板，只会徒增工作。还不如多花个1600元买了个永久授权的iframe和单页两个版本。

在这个后台模板的单页版版本开发中，我也遇到了一些坑，特此在此记录下。

1.关于前后端交互的token在前端更新，每次在请求时带上登录后获取的token,响应后需要带上响应头中的token,关于这个功能，layui admin里面还是有些欠缺的，故此提供如下代码解决问题。

在src/config.js 的exports('setter', {}); 后面添加如下具体代码

  // 设置请求头携带token
  layui.table.set({
  	headers: {
	  //通过 request 头传递
  	  access_token: layui.data(layui.setter.tableName,layui.setter.request.tokenName)
    }
	//,where: {
	  //通过参数传递
	  //access_token: layui.data(layui.setter.tableName,layui.setter.request.tokenName)
	//}
  });
  
  // 解决响应头携带token的时候及时更新请求头
  layui.$.ajaxSetup({
	complete: function (xhr) {
      //从响应中的header取token
      var token = xhr.getResponseHeader(layui.setter.request.tokenName);
      //token不为空,则保存
      if (token) {
        // 刷新token
        layui.data(layui.setter.tableName, {
          key: layui.setter.request.tokenName,
          value: token
        });
      }
	}
  });

2.在后台管理系统中，难免会有聚合多个后端项目或者多个版本的接口，在layui里面关于请求api的，有如下三类 admin.req,upload,table.render;其中admin.req 中在遇到后端给定的code 是200和0 都认为成功。

解决方案是可以在src/lib/view.js 下的90行代码修改如下代码

	//只有 response 的 code 为【ok 或者success】才执行 done 
	if(res[response.statusName] == statusCode.ok || res[response.statusName] == statusCode.success) {
	  typeof options.done === 'function' && options.done(res);
	}

在 src/config.js 中的exports修改response节点如下

exports('setter',{
    response: {
      statusName: 'code' //数据状态的字段名称
      ,statusCode: {
        ok: 200// 添加的参数
		,success: 0 // 原有参数
      }
    }
}

这样即可以解决经常后端或者不同项目中code不一样的情况。

3.在iframe中的首页中有多tab操作，但是在单页版中没有多tab。

可以修改 src/config.js 中的,pageTabs值，pageTabs值: true //是否开启页面选项卡功能。单页版不推荐开启

至于作者不推荐的原因目前还没给回复，我将在评论中具体再转述。

好了，目前就先罗列这么多，也希望不会再有更多的坑了，如果你也在使用此套模板，还请留言评论，喜欢我的话，欢迎一键三连哦！