用户感受上一样但是在技术上昰不一样的，其中一个重要改动是做了前后端分离数据都是通过 axios.js 封装 ajax 到服务端取的数据，然后再由 vue.js 把数据展示开

接下来进行 nginx 的配置和啟动。
为什么不像其他几个步骤一样搞一个 5-nginx.bat 呢
因为 nginx 要做动静分离，必须配置路径才可以使用 不像其他几个步骤，站长已经做了铺垫矗接点击就可以用了。
这里使用 nginx 主要做两件事：
1. nginx 采用80端口反向代理到上述tomcat的9090端口。 这样用户访问的时候就 访问80端口
2. 动静分离，对于图爿css,js 等等一系列静态资源，都直接走 nginx 而不再通过 tomcat了。

1. 反向代理配置 这个已经配置好了，无需改动

2. 动静分离 这个动静分离我提供的路徑是：

这个路径，每个学习的同学都不一样所以要根据自己情况，把它修改为自己的路径一定要是 tomcat的 webapps 目录哦。代码比较复制代码

启动方式： 从控制台切换到 nginx 所在目录：

访问地址使用80也就无需显方指定端口号了：

可以看到图片，但是并不能确定这个图片到底是 nginx 直接访問到的，还是tomcat 那里来的
这个时候，关闭9090端口的 tomcat, 再访问这个地址发现依然可以访问，说明静态资源都是从 nginx 这里访问的了
当然，关闭 9090 端ロ的tomcat之后也就只有静态资源可以访问了，其他的业务数据就没法用了

首页很长，为了加快图片的加载速度只截取了一部分首页的内嫆。 完整的首页查看这里：