vue项目部署中，tomcat，nginx扮演的角色和作用

一.tomcat在vue部署的时候的作用

1. 问题：

之前对于前端的理解一直是：前端就是各类css，js，html文件。没有什么逻辑执行。但是，前后端分离之后，发现我们浏览器访问的前端提供的路由，也是可以返回页面的。但是前端明明就是一个没有逻辑，只有页面的东西。那么，拦截请求，转发之类的是谁处理的呢？（比如我们后端写了一些filter，一些controller，可以拦截请求，并且指出位置。但是，前后分离之后，我们访问的路由没有人拦截了，又怎么找到到文件呢？）

2. 思考：

答：针对括号内的问题，我们需要知道的是：

1. 首先，后端写的controller之类的逻辑，只是tomcat在返回页面前先去调用执行的，类似切面。不是说没有了controller，访问路由地址就没有东西返回了。那时候少了切面，返回还快了呢。要知道，url本质和E:\学习资料（全）\专项设计这种路径没有太大的差别的，就是一个资源定位符。因此，没有后端，访问页面，也有资源返回！
2. tomcat的理解。vue项目可以部署在tomcat，或者nginx上，但是，无论是在哪儿，他都只是一堆的html而已。能够监听端口，找到文件位置并且返回，靠的其实是tomcat这些服务器。他们类似于框架，已经基本实现了监听端口，映射url和数据传输的功能写好了。拦截和数据处理之类的代码，只要你补充上去，就是一个完整的web服务器了。没有补充上去，就是一个暴露到互联网环境的作用了，通过监听固定端口，可以接受请求并且做出响应。

3. 总结

答：在前后端分离的场景下，tomcat之类的服务器，提供的就是监听端口，返回文件的作用而已。vue项目最后npm打包编译之后，生成的就是一堆的css和js而已。所以，vue的相关逻辑的执行，不是依靠运行在服务器的某些逻辑代码，而是依靠js在服务器环境下直接执行。