什么是动静分离？

在弄清动静分离之前，我们要先明白什么是动，什么是静。

在Web开发中，通常来说，动态资源其实就是指那些后台资源，而静态资源就是指HTML，JavaScript，CSS，img等文件。

一般来说，都需要将动态资源和静态资源分开，将静态资源部署在Nginx上，当一个请求来的时候，如果是静态资源的请求，就直接到nginx配置的静态资源目录下面获取资源，如果是动态资源的请求，nginx利用反向代理的原理，把请求转发给后台应用去处理，从而实现动静分离。

在使用前后端分离之后，可以很大程度的提升静态资源的访问速度，同时在开过程中也可以让前后端开发并行可以有效的提高开发时间，也可以有些的减少联调时间 。

项目配置

修改SpringBoot应用启动类，做简单跳转，使访问根路径可以跳转到index.html，如下代码所示。

index.html代码如下所示，注意引入jquery.js，在引用成功会使用jquery给div赋值，代码如下所示。

Nginx配置

修改nginx.conf配置，其中第一个location负责处理后台请求，第二个负责处理静态资源，如下所示。

测试

启动SpringBoot应用，启动Nginx。

在浏览器访问http://localhost:10000/，可以看到如下图所示。

通过图中红框内容都可以看出来引用静态资源成功了。

喜欢的小伙伴，点个关注吧！