有没有童鞋遇到过同样的问题：前后端分离具体是什么意思求解答！

Question

不要太深奥前端自学不久之前写页面都是通过html+css+javasript实现页面后面学了node.js页面访问都是直接用http模块或express模板通过get("/")这些把页面渲染出来的,数据也是差不多直接用node.js渲染出来，后面学到了vue.js里面也有个路由，那么我写页面用node.js的路由和vue的路由分开渲染页面，它的代码也是只有一套，用node.js监听端口就行了.在后面学到的webpack它里面有个webpack-dev-server的模块，可以不借助node.js就可以直接通过ip访问页面，那么这个前后端分开它是什么意思,为什么有些项目它有两套代码,一个前端的vue.js+webpack一个后端的node.js+express这个它具体是怎么实现的，或者是怎么写的

Answer 1

首先，vue里的路由和express里的路由不是一回事。vue的路由是用以控制vue写的单页应用中视图的切换逻辑；express的路由是用以暴露给外界可以调用的系统接口。前后端分离并不限定使用的技术栈，中心思想就是：我更新我的前端代码不会影响后端代码，反过来同理。

Answer 2

其实我觉得，这个分离的界限，其实并不绝对。但是“分离”的目的就是多个人员的开发配合中，能够分工明确互不干扰。就我参与过的项目来说，这个分离，其实不同项目里面的具体分离界限各不一样。有的项目，分离是按照视图层和数据层来分离的。可能这样的项目技术比较老，视图层可能是php的smarty，java的jsp，也可能是比较新的，node的ejs，乃至单页应用的服务端渲染（单页框架服务端渲染，也算是前端牵扯到了服务端开发，但是，仍然还是前端只负责视图层）。这种开发方式，其实也是可以算作分离，因为整个视图层的逻辑，都是前端进行的。前端就算是写jsp，写php，写node，通过模板方式渲染，依旧是分离开发的。前端依然是可以不关心数据来源逻辑，只关注于界面和交互体验。有的项目，可能设计时候，是按照代码运行端分离的。前端负责浏览器端的逻辑，后端负责服务端逻辑。这个可能是现在前端比较熟悉的方式了。毕竟单页框架现在如此流行，交互就通过ajax分离客户端和服务端。总之啊，我感觉分离开主要还是因为现在越来越重视用户体验和交互，导致GUI开发工作越来越重，web开发领域这才分离出来前端这个岗位。但是，我觉得web前端并不应该说我只需要会js，因为，终究，你做的还是软件开发，一个合格的前端依旧必须是一个合格的软件工程师。分离的目的，是为了明确分工职责，作为一个合格的软件开发，应该能够找到最合适的分工界限，和团队成员配合好。