具体的动静分离配置也不是十分的复杂，和负载均衡，反向代理差不多。
为了演示动静分离呢，首先我们需要准备两个文件夹，一个是data文件夹，用来存放我们js，css这些静态资源文件，一个是html文件夹，用来存放我们的html文件。
在html文件夹新建一个html文件，index.html，内容如下
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>我是一个静态界面</title></head><script type="text/JAVAscript" src=https://www.isolves.com/it/wlyx/fwq/2021-03-10/"jquery.js">

我是一个静态界面

注意，这里我们并没有将jquery.js 这个文件放在html目录下，而是将它放在了另外一个目录data里面，当服务器接需要请求jquery.js这个文件时，并不会去index.html所在的那个服务器去请求这个文件，而是会直接去我们配置好的服务器或者路径去寻找这个js文件，在本实例中，会去data文件夹下面去找这个jquery.js这个文件。
修改server的配置如下:
server { listen 8886 ; server_name [你的服务器ip地址]; # Load configuration files for the default server block. include /etc/nginx/default.d/*.conf; location / { root /html/; index index.html; } #拦截静态资源，static里面存放的我们图片什么的静态资源 location ~ .*.(gif|jpg|jpeg|bmp|png|ico|js|css)$ { root /data/; } error_page 404 /404.html; location = /40x.html { } error_page 500 502 503 504 /50x.html; location = /50x.html { } }测试:
在浏览器中输入ip地址:8888/index.html,屏幕上显示我是一个静态界面，同时打开浏览器自带的开发者工具

文章插图

会发现jquery.js已经被正常请求到了。
05 下面开始技术总结：写到这里实战篇结束了吗？并没有，尽管上面给出了负载均衡，反向代理,动静分离的实例，但仍然只是最基础的配置，比如多层负载均衡，缓存等高级配置，都需要我们在日后的开发生活逐渐的去接触和了解。下一篇呢，我们将深入nginx腹地，去稍微稍微简单不细致大致看一眼那种去了解一下nginx内部是如何保持如此高效率的工作的。
原文链接：
https://juejin.im/post/5db8f8c3f265da4d3e173c62

【写给后端的Nginx初级入门教程】