一个简单的前后端分离的方案

Posted 2020-06-17

背景：
1.实现前后端绝对分离。项目迭代过程中，前端后端各自上线，互不影响互不依赖，解决前端逻辑的修改需要依赖后端同学发新包重新上线的问题。
2.保证页面文件的静态化，提高服务相应效率。
3....
方案：

1.前后端通信——完全走ajax,使用服务器代理中转（如配置nginx）解决跨域
2.file include

*本地开发使用nodejs的express框架搭建服务端环境，ejs作为服务端的模板引擎，解决html页面无法使用include file的问题
*上线发布时，使用grunt的ejs任务将开发模式下的.ejs编译为静态化的html文件，再发布上线
*案例参见附件nodejsDev_staticDist.rar，教程参考 ：
http://www.cnblogs.com/zhongweiv/p/nodejs_express.html
http://www.cnblogs.com/pigtail/archive/2013/01/08/2851056.html
http://blog.fens.me/tag/ejs/
https://github.com/shama/grunt-ejs