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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2560 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

我们原先的网页登录这类旧的页面可以保持原样不重写吗?
新的独立的前端代码开发环境, 由于没有后端代码数据(当然我们会提供后端测试环境接口), 开发环境应该如何搭建?
新的独立的前端代码的 URL 地址, 我们可以在 nginx 下配置一个子路径就可以部署吗?比如 www.xxx.com/spa, 这种单纯只是把 spa 指向独立的前端代码根目录.

SPA

代码

前端

5 条回复 • 2017-12-09 18:26:15 +08:00

zjsxwc

2017-12-09 13:42:05 +08:00

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

askfilm

2017-12-09 13:54:52 +08:00

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

WatcherHangzhou

2017-12-09 15:01:13 +08:00

@askfilm

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

learnshare

2017-12-09 15:30:50 +08:00

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

WittBulter

2017-12-09 18:26:15 +08:00

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

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