如何将现有的后端 MVC 项目改造成前后端分离项目（Vue/React）？

[Sniper416]

现目前项目的前端逻辑由后端 er 编写，后端渲染，使用的 jquery 编写。 大佬们有相关经验吗？或者是更好的过渡方案。

[cnanyi]

我现在的项目就是把原先的 jsp 放到 vue-element-admin 框架里运行的
后台： 增加一个 token 认证的方法， 以方便前端传递 token， 增加一个拦截器， 以替代原先的 springsecurity 认证
前端： 本地路由配置 + 对照菜单权限接口的方式生成本地路由， 将所有的 jsp 页面放到 iframe 里， 这一步最大的问题是 header 不能跨 iframe. 我尝试了很多方式， 最终的解决方案是用 get 参数传递。
项目开发方式： 旧页面继续采用 jsp 方式维护， 新页面采用 vue 开发。 并且在 jsp 页面需求比较大的情况下， 将该页面转换成 vue 页面。
其他： 验证方案+搭建前端框架，大概用了 2 周多，加上修修补补也有一个多月。 从开始动手到现在有 3 个月时间， 已经稳定成熟，并用于生成环境。

[loading]

现在后台跑得起来，为什么改呢？为了时髦？
别本末倒置！

[jobtesting]

如果后端是服务化的就简单点。先搞个统一网关，慢慢把服务转成 http 接口，前端工作量是比较大的。后端要配合