从后端的角度来说 Vue 做了哪些事情？
source link: https://www.zhihu.com/question/465435222/answer/1945028909
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
从后端的角度来说 Vue 做了哪些事情？
从后端的角度来说不用关心vue做了什么
加入 vue 之后一共有三个角色是吗？浏览器、vue服务器、后端服务器？
在 dev 模式下可以这么认为
html文件从哪里来？vue服务器？还是后端服务器？
由 node.js 执行相关逻辑编译生成
浏览器请求数据是直接向后端服务器请求还是向vue服务器请求再由vue服务器请求后端服务器？
主要还是看实际上怎么做的，都可以
vue相当于把原本后端负责的模板渲染剥离了是吗？那模板的渲染工作是不是变成了从vue服务器获取html文件，再从后端服务器获取json文件，然后再浏览器渲染拼凑在一起？
可以这么理解，
html 来自第二个问题下的答案，
浏览器中运行之前编译好的 js 再按业务逻辑请求后端接口获得相应数据之后交给 vue 框架按 vue 模板编译后的数据结构生成对应的 dom
问题1： 加入 vue 之后一共有三个角色是吗？浏览器、vue服务器、后端服务器？
前后端不分离时，后端时候的是类似JSP的模板语言，直接浏览器访问后端得到页面，这里是没有“vue服务器”的。
前后端分离模式下，后端不在处理页面，而是为前端提供数据，这里浏览器访问页面的顺序是，浏览器通过“web服务器”获取vue网页，vue网页指挥浏览器向后端获取数据，然后渲染出页面。
也就是浏览器要分别访问“web服务器”和“后端服务器”，获取页面和页面数据，这里的“web服务器”就是你说的“vue服务器”，一个vue提供的临时服务器，生产中通常使用nginx或阿帕奇。
问题2：html文件从哪里来？vue服务器？还是后端服务器？
前端开发人员写vue页面（注意不是浏览器直接能用的html），vue让编译工具将vue页面编译为浏览器直接能用的html，由vue服务器提供给浏览器。
问题3：浏览器请求数据是直接向后端服务器请求还是向vue服务器请求再由vue服务器请求后端服务器？
都可以，问题1说了，浏览器需要分别访问“web服务器”和“后端服务器”，但这两个服务器是可以合并的，不同公司做法不同。
问题4：vue相当于把原本后端负责的模板渲染剥离了是吗？那模板的渲染工作是不是变成了从vue服务器获取html文件，再从后端服务器获取json文件，然后再浏览器渲染拼凑在一起？
没错，前后端分离可以让开发者专注于自己擅长的领域，前后端独立开发，根据API接口对接，提高开发效率。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK