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);});

?

總結

以上是生活随笔為你收集整理的Layui中设置公共的全局变量接口的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。