【vue】Layim 配置请求头参数

问题描述

近期想研究一下Layim，由于服务端项目都是用了鉴权。在使用Layim的过程中，发现请求没有将token参数传到服务端。

查了很多资料，想看看Layim怎么配置请求头；可能个人耐心有限，实在没有找到很好的方案。于是自己动手修改源码。

本人是基于Layim v3.9.5版本修改，其实改造的过程非常简单，应该学过前端的同学都能明白。

// 打开layim.js 搜索：Ajax  或 var post = function(options, callback, tips)，找到如下代码：
  //Ajax
  var post = function(options, callback, tips){
    options = options || {};
    return $.ajax({
      url: options.url
      ,type: options.type || 'get'
      ,data: options.data
      // 加入 headers 参数保存，就可以了
      ,headers: options.headers
      ,dataType: options.dataType || 'json'
      ,cache: false
      ,success: function(res){
        res.code == 0 
          ? callback && callback(res.data||{})
        : layer.msg(res.msg || ((tips||'Error') + ': LAYIM_NOT_GET_DATA'), {
          time: 5000
        });
      },error: function(err, msg){
        window.console && console.log && console.error('LAYIM_DATE_ERROR：' + msg);
      }
    });
  };

---

使用案例：

    layui.use('layim', function (layim) {

        //基础配置
        layim.config({

            //初始化接口
            init: {
                url: 'http://localhost:8080/layim/getList'
                , data: {}
                , headers: {
                    "token" : "test------token------------"
                }
            }

        });
       
    });

---