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

最新推荐文章于 2025-05-08 16:21:24 发布

tangbin0505

最新推荐文章于 2025-05-08 16:21:24 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：网站服务

本文链接：https://blog.youkuaiyun.com/tangbin0505/article/details/103330324

网站服务专栏收录该内容

20 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

坑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;
                    }
                 }
          }