# 前后端分离 >前后端分离并不只是开发模式，而是web应用的一种架构模式。在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试；在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。 **1\. 客户端和服务端采用RESTFul API的交互方式进行交互**  **2. 前后端代码库分离**  # 后台中心 * 代码结构  * 指定网关地址  * ajax请求json数据时，带上token  * 渲染table时，请求参数带上token  * token无效处理  # 登录请求 ``` $.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