Layui中设置公共的全局变量接口

1.新建一个http.js文件

js文件夹下的lay-module文件夹中新建一个http文件夹,并新建一个http.js文件

http.js 

/**
  扩展一个http模块
**/      
 
layui.define(function(exports){ //提示:模块也可以依赖其它模块,如:layui.define('layer', callback);
  var obj = {
   api:"http://localhost:8090/"  //根据自己项目的端口而定
  };
  
  //输出test接口
  exports('http', obj);
});


 2.编辑lay-config.js文件

在lay-config.js文件中,新加一行

window.rootPath = (function (src) {
    src = document.scripts[document.scripts.length - 1].src;
    return src.substring(0, src.lastIndexOf("/") + 1);
})();

layui.config({
    base: rootPath + "lay-module/",
    version: true
}).extend({
    miniAdmin: "layuimini/miniAdmin", // layuimini后台扩展
    miniMenu: "layuimini/miniMenu", // layuimini菜单扩展
    miniTab: "layuimini/miniTab", // layuimini tab扩展
    miniTheme: "layuimini/miniTheme", // layuimini 主题扩展
    miniTongji: "layuimini/miniTongji", // layuimini 统计扩展
    step: 'step-lay/step', // 分步表单扩展
    treetable: 'treetable-lay/treetable', //table树形扩展
    tableSelect: 'tableSelect/tableSelect', // table选择扩展
    iconPickerFa: 'iconPicker/iconPickerFa', // fa图标选择扩展
    echarts: 'echarts/echarts', // echarts图表扩展
    echartsTheme: 'echarts/echartsTheme', // echarts图表主题扩展
    wangEditor: 'wangEditor/wangEditor', // wangEditor富文本扩展
    layarea: 'layarea/layarea', //  省市县区三级联动下拉选择器
	http: 'http/http', // 后端接口封装
});

 

 3.开始调用

        3.1在要调用的页面引入lay-config.js文件

		 <script src="../lib/layui-v2.5.5/layui.js" charset="utf-8"></script>
		 <script src="../js/lay-config.js" charset="utf-8"></script>

       3.2使用layui.use调用封装号的功能

layui.use(['form','table','http'], function() {

                var $ = layui.jquery,
					form = layui.form,
					table = layui.table,
	                http = layui.http;
                   console.log(http);

});

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 撸撸猫 设计师:C马雯娟 返回首页