# 前后端联调

本地进行前后端联调,需要做一些配置

# 前端

前端联调后端的时候,分为两种情况,后端本地启动了 gateway,提供登录鉴权的接口和后端本地只启动本应用的后端,下面根据不同情况,对前端需要做的一些不同的配置进行说明

# 后端本地启动了 gateway,提供登录鉴权的接口

这时前端基本不需要怎么配置,只需要在vue.config.js中的devServer.proxy地址修改为后端提供的地址和接口即可,项目启动后会自动判断登录状态跳转到登录页面

# 后端本地只启动本应用

因为后端不提供登录,所以需要手动设置 token,可以通过直接写入 token 来进行本地联调,先登录测试环境 (opens new window),拿到接口的token, 替换项目中src/core/bootstrap.js文件内的token值,并且访问这个路径 (opens new window)

store.commit('SET_TOKEN', 'b2815cb3-a885-4a8f-8f04-1d2ec7ded96c')

# 移动端

  • 基座暂无手机端框架,鉴权请求请参考pc 端框架
  • 恒峰 app 嵌入:cas 鉴权会最终返回一个token参数在 URL 中,类似?token=xxx,比如通过 url 参数获取到token的值为ycU3thXq6CukY678jMQpD,那么通过字符串拼接获得Bearer ycU3thXq6CukY678jMQpD,将这个字符串赋值给请求头Authorization,用以请求后端接口
  • 在基座手机端访问时,基座手机端会将 token 设置到 cookie 中的Access-Token中,如ycU3thXq6CukY678jMQpD,然后需要将这个值变为Bearer ycU3thXq6CukY678jMQpD,赋值给请求头中的Authorization,因此只需要基座手机端正常登录后,这边直接通过 cookie 获取 token 来进行鉴权请求即可
  • 也可以自有一个登录页面,这个需要项目负责人那边考虑

综上,移动端需要同时满足 url 参数和 cookie 两种方式获取 token,然后将值写入到请求头中,用以后端接口的请求鉴权

# 后端

  • 1、后端可部署至测试环境给前端进行调试
  • 2、或者参照前章,需启动bywin-cloud3-platform-services-jdk8中system、auth、gateway模块模块,其他根据业务需求启动; 再启动bywin-cloud3-services进行开发,并将gateway地址发给前端进行连接调试