nginx不显示图片

如图:

 

打开nginx的 localhost:80/tes/samples/ 页面

发现一些图片可以显示,一些显示不了,

原因

没有在nginx中配置图片rewrite

解决

 修改conf文件,下面是核心部分代码

  

  listen       80;      // localhost:80

    server_name  localhost;

    # For debugging purposes

    # error_log log/tes/error.log notice;

    # rewrite_log on;

 

/**

显示图片主要就添加下面这一部分, 这部分的意思是,打开nginx, 访问localhost:80/tes/samples/images/XXX.jpeg(或者其他格式的图片), 实际上访问的是 localhost:3001/images/XXX.jpeg  ,(注意这里支持的格式,如果你要访问的图片格式不在这7个(gif|jpg|jpeg|png|bmp|swf|svg)里面,你得加上去)

*/

    location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|svg)$ {

      root /tes/samples/images;             

      rewrite ^/tes/samples/(.*) /$1 break; 

      proxy_pass http://localhost:3001;

    }

 

/** 下面这部分表示: 当打开nginx,访问 localhost:80/tes/samples/ 的时候, 我实际上访问的是 localhost:3001/;      */

    location /tes/samples/ {

      rewrite ^/tes/samples/(.*) /$1 break;

      proxy_pass http://localhost:3001/;

    }

 

下面是官网:

http://nginx.org/

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值