ERROR! 静态资源（图片）在nginx服务器上无法显示

最新推荐文章于 2023-11-02 09:19:51 发布
最新推荐文章于 2023-11-02 09:19:51 发布
阅读量2.1k 收藏
点赞数
分类专栏： 报错集 文章标签： nginx tomcat
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50344814/article/details/111169960
版权

目录

1、Nginx+Tomcat 动静分离项目中，图片无法在nginx服务器上显示

在这里插入图片描述

2、用抓包工具进行查看

在这里插入图片描述

3、进入路径下发现没有图片资源

在这里插入图片描述

4、重新放入图片

在这里插入图片描述在这里插入图片描述

5、再次打开网页查看，图片已加载

在这里插入图片描述

6、进入抓包工具查看，文件应放在站点目录下，才可以被加载

在这里插入图片描述

繁星若渺
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Nginx实现静态网站部署资源
04-25
Nginx实现静态网站部署资源
利用nginx搭建静态资源服务器的方法步骤
01-09
在互联网应用中，静态资源如图片、CSS样式表、JavaScript文件等通常被高效地存储和分发，以减轻应用程序服务器的压力。Nginx作为一个高性能的HTTP和反向代理服务器，非常适合用来搭建静态资源服务器。以下是详细的...
nginx中图片无法显示
weixin_34112181的博客
01-17 1753
如果没有配置虚拟主机，则修改nginx.conf。 如果已创建单独虚拟主机，则在vhost下找到指定的主机配置文件， 如：www.xxx.com.conf location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { #禁用访问日志 access_log off; #设置网站的目录 root 网站目录(如：/d...
解决nginx部署下的静态网页image图片显示不出的问题
LKCNFV的博客
05-18 9417
如图，一下的html是我放置静态资源和静态页面的地方： 在conf/nginx.conf配置文件，我是这样的： worker_processes 1; events { worker_connections 1024; } http { include mime.types; default_type application/octet-stream; sendfile on; #tcp_nopush on;
nginx不显示图片
weixin_42429288的1博客
01-17 4268
如图： 打开nginx的 localhost:80/tes/samples/ 页面 发现一些图片可以显示，一些显示不了， 原因 没有在nginx中配置图片rewrite 解决 修改conf文件，下面是核心部分代码 listen80; // localhost:80 server_namelocalhost; #Fo...
Nginx 解决做反向代理时 静态资源图片、 js、css 访问不到
丁丁丁梦涛的博客
07-18 3522
Nginx反向代理静态资源访问不到
nginx搭建图片服务器访问不到图片的几个原因
weixin_42740540的博客
06-21 1万+
Nginx作为图片服务器。图片上传到指定目录，目录在nginx的路径下。访问图片。可以上传但访问不了。分析原因： 是否location匹配根路径未配置。 匹配的路径是否为alias 虚拟路径，root 真实路径 如 主机地址 131.21.141.122 端口为 9090 Location /image { Alias /opt/image/; ...
Nginx搭建图片服务器(静态资源缓存服务器).zip
01-12
在本教程中，我们将探讨如何利用Nginx搭建一个专门用于处理图片的静态资源缓存服务器。这个过程主要包括Nginx的安装、配置以及设置缓存策略，以提高图片加载速度和服务器性能。 首先，为了安装Nginx，我们需要在...
nginx配置静态文件服务器详解
01-20
本文主要介绍一些Nginx做图片服务器的简单配置，但不包括Nginx的安装部署以及实现原理。 配置步骤 下载nginx Windows nginx安装教程及简单实践 配置nginx\nginx-1.13.4\conf\nginx.conf文件 #user nobody; ...
Nginx配置http转https以及https访问http静态资源.docx
08-25
在第一个server块中，我们使用了location指令来配置静态资源的访问。其中，/位置用于配置网站的根目录，add_header指令用于添加Content-Security-Policy头，以便升级不安全的请求。proxy_pass指令用于将请求代理到...
配置Nginx后，图片不显示浏览器报错Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH
最新发布
mabide1234的博客
11-02 1482
【代码】配置Nginx后，图片不显示浏览器报错Failed to load resource: net::ERR_CONTENT_LENGTH_MISMATCH。
nginx+tomcat访问不显示图片
Bruce小鬼
04-09 6530
项目架构描述：          Nginx+tomcat集群+mysql 问题描述：          项目在tomcat部署完毕，通过nginx访问，页面不显示图片。   解决思路: 1、  通过访问页面显示信息可以看到访问网站已近显示，说明nginx将请求转发到tomcat处理。 2、  查看报错日志： a)         进入查看路径 /usr/local/nginx/l
nginx作为静态服务器无法在浏览器中显示BMP格式的图片
GIS小虫的博客
08-11 1045
rt
火狐无法显示图片
weixin_30898109的博客
01-18 678
正在使用的火狐突然间不能显示图片了，不知道是不是触碰了什么选项. 查了下帮助 但是 自动加载图像 怎么找也找不到 解决方案 在地址栏输入 about:config 搜索permissions.default.image 如图 将值的内容改为１ 如图 转载于:https://www.cnblogs.com/tanhehe/p/3525358.html...
linux网页显示不了图片,搭建Nginx图片服务器浏览器不显示图片问题
weixin_30350163的博客
05-14 750
一、安装Nginx先安装Nginx，看我之前发的文章： 搭建Nginx服务器二、安装vsftpd再安装vsftpd组件，看我之前发的文章： Linux安装ftp组件(8步完成)三、开始搭建Nginx图片服务器1、效果例如：图片通过ftp服务上传到/home/ftpuser/www/images目录下，我想通过访问Nginx服务器来访问ftp目录下的图片文件，该url为http://192.168....
使用Nginx服务测试页面，图片无法加载出来
weixin_56667320的博客
06-28 3655
在我使用测试端windows加载页面时，发现文字可以加载出来，但是图片无法加载 以下是排错思路 通过域名发现可以加载出来文字但是加载不出来图片，那么我可以确定文字没有问题，问题在图片上 首先文件的格式是否正常， 看我服务端html目录下是否有图片，若确定在，再去nginx的配置文件中查看是否支持我上传图片的格式，所以我会去/usr/local/nginx/conf/nginx.conf，添加我上传图片的格式，然后去我的测试端浏览器中清空缓存再次测试 查看缓冲区内存是否过小，是否我上传的图片过大，是否需要
nginx负载策略不合理导致图片无法获取
Phoenix_smf的博客
04-02 852
问题描述：一个基于nginx负载均衡的系统，在进行获取图片的时候出现了奇怪的情况，使用测试工具发现只有30%的概率可以获取到图片资源。 问题分析与排查： 1，首先对于获取图片的接口不适用nginx进行测试，可以获取图片，排除了是url错误导致获取不到图片的情况。 2，nginx服务器中配置了两个tomcat服务器项目，进行负载均衡，分别进行测试，两个服务器都没有问题。此种概率性获取不到资源或者请求...
解决nginx部署后css、js、图片等样式不加载的问题
热门推荐
叶新东老师的博客
09-02 9万+
这里有2种方案可以解决，这里只介绍第一种，第二种我也没试过，但是觉得应该可行 1、修改nginx的conf配置文件 2、更改web服务器contextPath为ip+端口的方式，举例：HttpServletRequest.getContextPath(); 使用nginx的反向代理后，发现页面能正常跳转，可是css、js和相关的图片就是不出来,如下图 查看了a标签内的链接发现，c...
java项目发布到nginx服务器代理后图片等资源文件无法访问404错误
qq_36124666的博客
11-19 3140
项目发布到阿里云配置的nginx服务器下访问正常，上传也正常，上传后将图片和其它文件保存在tomcat中的webapps下的目录（也就是项目的同级目录）中的文件夹下。这时发现直接访问css、图片、js都会报404错误。通过多番折腾终于通过下图的配置解决了问题。 ...
nginx静态资源服务器配置
08-23
nginx的静态资源服务器配置如下： server { listen 80; # 监听端口号 server_name localhost; # 主机名 index index.html index.htm; # 默认页名称 root html; # 静态资源存放目录 location / { root html; # 文件根目录 index index.html index.htm; # 默认页名称 } error_page 500 502 503 504 /50x.html; # 报错编码对应页面 location = /50x.html { root html; } } 以上配置中，静态资源存放在html目录下，通过配置文件中的location /可以匹配路径并定位到root目录找到页面文件。同时，还可以通过error_page和location = /50x.html配置错误页面。这样，当出现500、502、503或504错误时，会跳转到50x.html页面。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [nginx 配置~~~本身就是一个静态资源的服务器](https://blog.csdn.net/weixin_45630258/article/details/125550586)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值