[TOC] # 前后端分離 >前后端分離并不只是開發模式，而是web應用的一種架構模式。在開發階段，前后端工程師約定好數據交互接口，實現并行開發和測試；在運行階段前后端分離模式需要對web應用進行分離部署，前后端之前使用HTTP或者其他協議進行交互請求。 **1\. 客戶端和服務端采用RESTFul API的交互方式進行交互**  **2.?前后端代碼庫分離**  # 后臺中心 * 代碼結構  * 指定網關地址  * ajax請求json數據時，帶上token  * 渲染table時，請求參數帶上token  * token無效處理  * 菜單鏈接  * 路由綁定url  # 登錄請求 ``` $.ajax({ url: config.base_server + 'api-auth/oauth/token', //url: 'http://127.0.0.1:8000/oauth/token', data: field, type: 'POST', //dataType: 'JSON', success: function (data) { console.log(JSON.stringify(data)); if (data.access_token) { config.putToken(data); layer.msg('登錄成功', {icon: 1, time: 500}, function () { location.replace('./'); }); } else { layer.closeAll('loading'); layer.msg('登錄失敗，請重試', {icon: 5, time: 500}); } }, error: function (xhr) { layer.closeAll('loading'); if (xhr.status == 400) { layer.msg('賬號或密碼錯誤', {icon: 5, time: 500}); }else if( xhr.status == 500){ layer.msg('服務器異常,請聯系管理員', {icon: 5, time: 500}); }else if( xhr.status == 0){ layer.msg('網關異常,請聯系管理員', {icon: 5, time: 900}); } } }); ``` # 前端按鈕權限  ## 登錄完整鏈路信息  由api-gateway --> auth-server的/oauth/token -->user-center -->db