Nginx实现动静分离

清疚 2022-02-17 15:15 262阅读 0赞

说明：  
Linux发行版本：CentOS Linux release 7.6.1810  
Nginx版本：nginx-1.7.4  
Linux服务器IP：39.105.59.4  
39.105.59.4:8080：部署的是dubbo-admin  
188.131.247.26:8080：部署的是dubbo-admin

*  配置静态资源存放路径

在39.105.59.4服务器下的nginx目录下新建staticresouce文件夹

mkdir staticresurce

将39.105.59.4服务器下的dubbo-admin的静态资源拷贝到nginx目录下的staticresource目录中

cp css/ /usr/local/nginx/staticresource/
    cp image/ /usr/local/nginx/staticresource/
    cp js/ /usr/local/nginx/staticresource/

然后分别删除39.105.59.4和188.131.247.26两个服务器的dubbo-admin的下的css、image、js这三个文件夹

rm –rf css/
    rm –rf image/
    rm –rf js/

然后先清空浏览器缓存，再刷新页面，显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjIwNTAx_size_16_color_FFFFFF_t_70]  
说明此时静态资源已经不能访问了

*  配置nginx动静分离

在外部配置文件中的server块下添加：  
这里是将静态资源放在 /usr/local/nginx/staticresource/目录下，staticresource表示的nginx安装目录下的文件夹路径

location ~* .+\.(js|css|png|svg|ico|jpg)$ { 
        root staticresource;
        expires 1d;
    }

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjIwNTAx_size_16_color_FFFFFF_t_70 1]  
然后刷新页面，页面上显示：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjIwNTAx_size_16_color_FFFFFF_t_70 2]  
说明动静分离配置成功了

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjIwNTAx_size_16_color_FFFFFF_t_70]: /images/20220217/1451aef61dca4898a30f50e8543bac5b.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjIwNTAx_size_16_color_FFFFFF_t_70 1]: /images/20220217/e0f52dd32c8e489b946ae7e1aeef8916.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM1NjIwNTAx_size_16_color_FFFFFF_t_70 2]: /images/20220217/8fc7be61c09a4db6857753217b10bc41.png