故障nginx 无法访问js css静态资源

最新推荐文章于 2025-01-09 09:20:49 发布

原创最新推荐文章于 2025-01-09 09:20:49 发布 · 3.6k 阅读

4 ·

CC 4.0 BY-SA版权

网站服务专栏收录该内容

20 篇文章

订阅专栏

本文详细解析了Nginx配置中常见的两个问题：一是路径配置不当导致的403错误，二是静态资源（如JS、CSS）无法正常加载。通过调整路径设置和增加静态资源配置，可以有效避免这些常见问题。

坑1：路径问题，导致访问是显示403错误

静态资源不能放在 /root/ 开头的目录下

坑2：无法访问js css静态资源

打开浏览器访问主页，按F12 看到css js静态资源无法访问

需要添加静态资源配置内容

注意root /www/wwwroot/dzp；为资源跟路径，不一定是站点路径


    server {
                listen 80;
                server_name 192.168.67.8;
                location / {
                root /www/wwwroot/dzp;
                index  index.html index.htm;
                }
                location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|css|js|eot|svg|ttf|woff|woff2|properties|json)$ {
                root  /www/wwwroot/dzp;
                if (-f $request_filename) {
                    expires 1d;
                    break;
                    }
                 }
          }