快捷導(dǎo)航

Springmvc nginx實(shí)現(xiàn)動(dòng)靜分離過程詳解

更新時(shí)間：2020年09月24日 10:21:08 作者：賈樹丙

這篇文章主要介紹了Springmvc nginx實(shí)現(xiàn)動(dòng)靜分離過程詳解,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

在下自己整理，如有錯(cuò)誤請(qǐng)指正

一般的nginx的靜態(tài)文件的項(xiàng)目是這么配置的

location ~ .*\.(js|css)?$
{
  root E:/Workspaces/Idea15/demo/web/WEB-INF;
  expires 1h;
}

但是如果這樣配置，系統(tǒng)是讀取不到對(duì)應(yīng)的文件的，因?yàn)閟pringmvc本身的前端模板配置了訪問靜態(tài)資源 Handles

那如何使用nginx搭理訪問，實(shí)現(xiàn)動(dòng)靜分離

搭建nginx代理

第一階段，修改nginx.conf 文件

#location / {
  #root  html;
  #index index.html index.htm;
#}
location / {
  proxy_next_upstream http_502 http_504 error timeout invalid_header;
  proxy_pass  http://127.0.0.1:8080;
  # 真實(shí)的客戶端IP
  proxy_set_header  X-Real-IP    $remote_addr;
  # 請(qǐng)求頭中Host信息
  proxy_set_header  Host       $host;
  # 代理路由信息，此處取IP有安全隱患
  proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
  # 真實(shí)的用戶訪問協(xié)議
  proxy_set_header  X-Forwarded-Proto $scheme;
}

這樣替換以后，就可以通過nginx 代理轉(zhuǎn)到tomcat了，但是靜態(tài)資源仍然是通過tomcat 來讀取的

注意：不需要更改原始的項(xiàng)目文件，需要修改tomcat的配置，bin/server.xml 將端口號(hào)由80改回8080

處理靜態(tài)文件

第二階段，實(shí)現(xiàn)動(dòng)靜分離

在springmvc的前端控制器中配置如下：

<mvc:resources mapping="/image/**" location="/WEB-INF/"/>
<mvc:resources mapping="/css/**" location="/WEB-INF/"/>
<mvc:resources mapping="/js/**" location="/WEB-INF/"/>

在nginx中配置如下，demo是我的項(xiàng)目名稱，以下三種方式都可以區(qū)分

location demo/image/ {
  root E:/Workspaces/Idea15/demo/web/WEB-INF;
}
location /css/ {
  root E:/Workspaces/Idea15/demo/web/WEB-INF;
}
location js/ {
  root E:/Workspaces/Idea15/demo/web/WEB-INF;
}

但是寫成 /demo/image/ 就是不行的

注：404頁面等，如果在springmvc的項(xiàng)目中配置了，就不需要在這里接著配置了

最終的nginx.conf 頁面代碼如下：

#user nobody;
worker_processes 1;

events {
  worker_connections 1024;
}

http {
  include    mime.types;
  default_type application/octet-stream;

  #access_log logs/access.log main;

  sendfile    on;
  #tcp_nopush   on;

  #keepalive_timeout 0;
  keepalive_timeout 65;

  #gzip on;

  server {
    listen    80;
    server_name localhost;

    location / {
      proxy_next_upstream http_502 http_504 error timeout invalid_header;
      proxy_pass  http://127.0.0.1:8080;
      # 真實(shí)的客戶端IP
      proxy_set_header  X-Real-IP    $remote_addr;
      # 請(qǐng)求頭中Host信息
      proxy_set_header  Host       $host;
      # 代理路由信息，此處取IP有安全隱患
      proxy_set_header  X-Forwarded-For $proxy_add_x_forwarded_for;
      # 真實(shí)的用戶訪問協(xié)議
      proxy_set_header  X-Forwarded-Proto $scheme;
    }

    location image/ {
      root E:/Workspaces/Idea15/demo/web/WEB-INF;
    }
    location css/ {
      root E:/Workspaces/Idea15/demo/web/WEB-INF;
    }
    location js/ {
      root E:/Workspaces/Idea15/demo/web/WEB-INF;
    }

    # redirect server error pages to the static page /50x.html
    #
    error_page  500 502 503 504 /50x.html;
    location = /50x.html {
      root  html;
    }
  }

}

以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: