想把前端外包出去, 如何在老项目里引入 Vue2 这种 SPA 框架?

[WatcherHangzhou]

我们老项目对于手机 App 的接口完全可以用到前端 SPA 框架里, 目前想彻底前后端分离(主要是想把前端外包出去), 也就是之后写新的业务前端代码是在一个独立的 git project 里, 我想问如何引入 Vue2 这种 SPA 框架:

• 我们原先的网页登录这类旧的页面可以保持原样不重写吗?

• 新的独立的前端代码开发环境, 由于没有后端代码数据(当然我们会提供后端测试环境接口), 开发环境应该如何搭建?

• 新的独立的前端代码的 URL 地址, 我们可以在 nginx 下配置一个子路径就可以部署吗?比如 www.xxx.com/spa, 这种单纯只是把 spa 指向独立的前端代码根目录.

[zjsxwc]

1. 当然可以不重写
2. 这种开发环境搭建很简单的, 就是开发机开个 nginx 转代, 把不是 /spa 下的请求都转发到你的测试环境对应的地址下就好了, 如果是 /spa 就返回本地文件
3. 当然可以这么部署

[askfilm]

SPA 就一定好？ 另外外包无限坑

[WatcherHangzhou]

@askfilm


其实不一定会是考虑外包, 我们也会参与开发的, 也可能会被另一个现在有点闲的团队负责接手前端 :doge

[learnshare]

引入 Vue 不影响现有代码，一个组件一个组件搞起来就好了

[WittBulter]

1. 可以把原来项目的模板拿来用，但需要改一点模板，要么在部分页面硬跳转用原来的服务端渲染。
2. 前端环境一般会自己起一个 server 跑，能访问到接口就行。
3. 是的，还可以把前端所有东西都扔在 CDN 上，把 CDN 解析个域名就行了~~

这种老项目最好找一个能掌控全局的人负责架构，不然到了后来大家各写各的，外包自成一套很难维护了。