侧边栏壁纸
博主头像
996worker

祇園精舎の鐘の聲, 諸行無常の響き有り。

  • 累计撰写 193 篇文章
  • 累计创建 46 个标签
  • 累计收到 8 条评论

目 录CONTENT

文章目录

Nginx配置static资源托管 (动静分离)

996worker
2021-12-15 / 0 评论 / 0 点赞 / 216 阅读 / 681 字
温馨提示:
本文最后更新于 2021-12-15,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

起因

我平时做项目,如果不是严格的前后端分离项目,静态资源会放在如图所示的地方:

image.jpeg

当使用Nginx时,其实可以把静态资源放到Nginx目录下,再配置反向代理即可.

这样做的意义,是能够提升静态请求的吞吐效率,不用让Servlet容器每次都负责搬运静态资源,使其专注于动态部分就好了,而Nginx就负责应付静态资源的请求.

经过

  1. 搬家静态目录,使其放到Nginx的usr/share/nginx/html目录下:

image.jpeg

  1. 配置网页html, 给所有静态资源路径前加上static, 例如:

<script src="/static/index/js/swiper-3.4.2.min.js"></script>

image.jpeg

  1. 配置Nginx里对应网站的conf文件:

假设网站是使用demomarket.conf存储反向代理配置:
image.jpeg

打开文件后, 如此书写配置: 注意资源托管注释位置

server {
    listen       80;
    listen  [::]:80;
    server_name  demomarket.com;

    # static 资源托管
    location /static/ {
        root /usr/share/nginx/html;
    }

    #access_log  /var/log/nginx/host.access.log  main;

    location / {
        proxy_set_header Host $host;
        proxy_pass http://demomarket;
    }

# 以下省略...
}

结果

经试验,成功地把静态资源从后端分离出来放到Nginx,实现了Nginx负责应付静态请求, 后台servlet容器专注动态请求.

0

评论区