m0_74640386 2022-10-24 15:17 采纳率: 100%
浏览 156
已结题

nginx配置多个静态网页,无法访问相对路径下图片资源?

环境:一个腾云服务器,装宝塔linux面包板,在面板软件中装了个nginx1.22.0
目标:
地址/test1加载一个静态网页,资源文件都在/www/server/my/test内
地址/test2加载另一个静态网页,资源文件都在/www/server/my/test2内
遇见问题:test2.html内代码的,bgGif无法访问/www/server/my/test/images内的图片。
是相对路径没填对?还是location设置有问题?或者用绝对路径应该怎么填?

nginx的location设置,如下
server
{
listen 80;
server_name localhost;

    #error_page   404   /404.html;
    include enable-php.conf;
    
    location /{
      root /wwwrver/my;
      index home1.html;
    }
    
    location /test{
      root /wwwrver/my;
      index test.html;
    }
    
    location /test2{
      root /wwwrver/my;
      index test2.html;
    }
    location /images{
      root /wwwrver/my/test2;
    }
    
    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
    {
        expires      30d;
    }

    location ~ .*\.(js|css)?$
    {
        expires      12h;
    }

    location ~ /\.
    {
        deny all;
    }
    access_log  /www/wwwlogs/access.log;
}

include /wwwrver/panel7host inx/*.conf;
}

文件路径,如下两图

img

img

html代码

img

代码为网上下载,的一个表白网页源码
这里遇见问题,"./images/图片"资源无法访问


1我配置文件location应该如何写,才能相对路径下访问图片资源?
2 test2.html内<images src=,应该如何写绝对路径才能访问图片资源?
问题图片

img

问题补充1
我用这样的链接可以访问到txt文本
地址/test2/images/imgtxt2.txt
但是用
地址/test2/images/001.png
显示这样

img

是被nginx的默认配置里面的某项拒绝了访问图片么?
server配置内容在前面

问题补充2
注释掉了这3个location之后就可以了

img


问这3句话有什么用呀?

展开全部

  • 写回答

5条回答 默认 最新

  • 游一游走一走 2022-10-26 05:06
    关注

    一步步排查吧!

    1. 在你每个root目录下放个test.txt文件,然后通过对应的url访问,确保location配置的是正确的
    2. 再单独访问你images中的图片能不能正常访问
    3. 使用chrome浏览器,F12,看控制台network,看你无法打开图片的URL与步骤2中的地址有啥区别
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
    m0_74640386 2022-10-26 11:28

    我用这样的链接可以访问到txt文本 http://1.15.74.192/test2/images/imgtxt2.txt 但是用 http://1.15.74.192/test2/images/001.png却访问不到图片,是被nginx的配置拒绝访问资源了么?

    回复
    m0_74640386 2022-10-26 11:29

    图片见原文问题补充

    回复
    m0_74640386 2022-10-26 11:34

    有句location~/\.{deny all;}是拒绝了其他访问么?

    回复
    展开全部11条评论
查看更多回答(4条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 11月2日
  • 已采纳回答 10月26日
  • 修改了问题 10月26日
  • 修改了问题 10月26日
  • 展开全部

悬赏问题

  • ¥15 为什么树莓派5b显示禁止连接
  • ¥20 流量太费!寻找便宜的app音视频SDK或平替方案。
  • ¥15 kubeasz部署遇到问题
  • ¥15 GUIDE to App Designer Migration Tool for MATLAB
  • ¥50 第三代非支配排序遗传算法(NSGA-Ⅲ)和多目标粒子群优化算法(MOPSO)的实现
  • ¥20 plant simulation与python com接口实时数据交互
  • ¥15 有关汽车的MC9S12XS128单片机实验
  • ¥15 求c语言动态链表相关课程有偿,或能将这块知识点讲明白
  • ¥15 FLKT界面刷新异常
  • ¥15 物体双站RCS和其组成阵列后的双站RCS关系验证
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部