# 前后端联调
本地进行前后端联调,需要做一些配置
# 前端
前端联调后端的时候,分为两种情况,后端本地启动了 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地址发给前端进行连接调试