nginx ---- 配置动静分离

清疚 2022-05-23 03:36 236阅读 0赞

不想说话，直接上代码，可能真的是我菜，不然也不会觉得处处是坑，坑坑要命

动静分离之前：（狐火浏览器）  
![这里写图片描述][70]

动静分离之后：  
![这里写图片描述][70 1]

注：我自己是这么判断动静分离的效果的  
  
  
  
接下来步入正题：

这是我liunx下面的静态资源路径：
    /home/tomcat/apache-tomcat-8.5.8/webapps
    
    这是我Windows下面的静态资源路径：
    D:\apache-tomcat-2\apache-tomcat-8.0.39\webapps

动静分离代码：

location ~\.(gif|jpg|jpeg|png|bmp|swf|css|js)$ {
            #root /home/tomcat/apache-tomcat-8.5.8/webapps/ROOT; #liunx上面的路径
            root D:/JAVAWEB/apache-tomcat-8.0.39/webapps/ROOT;   #windows()上面的路径
            #proxy_pass http://www.****.com:80; #简单点说我可以专门配置一台服务器放置静态资源，然后通过这个路径进行代理过去
        }

root /home/tomcat/apache-tomcat-8.5.8/webapps/ROOT;  
因为我把项目放在root目录下面了，所以我这里需要这样配置，  
然后叫给大家一个检查路径的方法，就是找到error.log目录;  
如果你的动静分离的路径有问题，这里会展示出来，而且很明显  
![这里写图片描述][70 2]

你这样配置后，可能还是会出现403错误，这是你就需要给文件夹赋权限了，liunx赋755权限  
![这里写图片描述][70 3]

当然如果你的项目都在webapps目录下面，那么路径就可以直接写成：  
然后他就会自动去寻找到你对应项目下面的静态资源

location ~\.(gif|jpg|jpeg|png|bmp|swf|css|js)$ {
            root D:/JAVAWEB/apache-tomcat-8.0.39/webapps;  
        }

[70]: /images/20220523/c504d68181a54d88bcebc87cf3b91a5e.png
[70 1]: /images/20220523/e5b8e172279a49c294b3ab977beed80c.png
[70 2]: /images/20220523/60d458e2cbbd45fdb58d8ab7d6798524.png
[70 3]: /images/20220523/4803547152054f7ab0eed8ac16a37868.png