开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

一个spring Boot项目的html网站中的图片没有显示在localhost上:8080

在一个Spring Boot项目的HTML网站中，图片没有显示在localhost上的8080端口上，可能有以下几个原因：

图片路径错误：首先要确保图片的路径是正确的。在HTML文件中，图片的路径应该相对于HTML文件的位置。如果图片在与HTML文件相同的目录下，可以直接使用相对路径。如果图片在其他目录下，需要使用相对于HTML文件的路径来引用图片。另外，还要确保图片文件存在，并且具有正确的文件扩展名。
服务器配置问题：如果图片路径正确，但仍然无法显示图片，可能是服务器配置问题。在Spring Boot项目中，默认情况下，静态资源（包括图片）应该放在src/main/resources/static目录下。如果图片放在其他目录下，可能需要在配置文件中进行相应的配置。
图片加载问题：有时候，浏览器可能会缓存图片，导致图片无法及时更新。可以尝试清除浏览器缓存或者使用无缓存的方式加载图片。在HTML文件中，可以使用<img>标签的src属性来指定图片的路径，并在路径后面添加一个随机参数，如时间戳，以确保每次加载图片时都是最新的。

综上所述，如果一个Spring Boot项目的HTML网站中的图片没有显示在localhost上的8080端口上，可以先检查图片路径是否正确，然后检查服务器配置是否正确，最后尝试清除浏览器缓存或者使用无缓存的方式加载图片。

腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：提供高可靠、低成本的云端存储服务，适用于存储和处理大规模非结构化数据。详情请参考：https://cloud.tencent.com/product/cos
腾讯云内容分发网络（CDN）：通过在全球部署节点，加速内容分发，提高用户访问网站的速度和体验。详情请参考：https://cloud.tencent.com/product/cdn

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

Spring 全家桶之 Spring Boot 2.6.4（五）- WebMvcAutoConfiguration（Part A）

; } } 启动主程序，在浏览器输入 http://localhost:8080/hello 通过这几步，一个Web工程就创建完成了，相比Spring MVC，几乎没有做任何配置，配置全部由...() 上面这行代码代表的路径是 /** 接着的lambda表达式代码代表的路径如下图所示 addResourceHandlers方法中定义的第二种访问方式是访问当前项目的任何资源既/**，如果没有方法处理...Boot 欢迎页 Spring Boot 中的WelcomePageHandlerMapping类中定义了欢迎页的配置也就是说 / 路径会转发到静态资源文件夹下的index.html页面上在浏览器输入...localhos:8080 根据页面显示默认找到了在META-INF/resources目录下的index.html文件作为欢迎页自定义静态资源路径 WebProperties下的Resources...ICON 配置在Spring Boot项目的issues中提出，如果提供默认的Favicon可能会导致网站信息泄露。

3531 0

Spring Boot开发Web应用

那么本篇就在上篇基础上介绍一下如何进行Web应用的开发。静态资源访问在我们开发Web应用的时候，需要引用大量的js、css、图片等静态资源。...启动程序后，尝试访问 http://localhost:8080/D.jpg。如能显示图片，配置成功。...模板引擎在动态HTML实现上Spring Boot依然可以完美胜任，并且提供了多种模板引擎的默认配置支持，所以在推荐的模板引擎下，我们可以很快的上手开发动态网站。...html标签中，浏览器在解析html时，当检查到没有的属性时候会忽略，所以Thymeleaf的模板可以通过浏览器直接打开展现，这样非常有利于前后端的分离。... 在完成配置之后，举一个简单的例子，在快速入门工程的基础上，举一个简单的示例来通过Thymeleaf渲染一个页面。

1.1K6 0

springboot集成ueditor富文本编辑器（不需修改ueditor源码）

2 下载对应的UEditor源码（完整版或者JSP版本均可）：下载完成后解压至项目的resources/static/目录下，并将源码中的...index.html复制到templates中，并修改其中引入js的src <script type="text/javascript" charset="utf-8" src="/ueditor...第一次测试成功结果.png 此时点击<em>图片</em>上传按钮会<em>显示</em>后台配置<em>项</em>返回格式出错,上传功能将不能正常使用! 接下来就是配置关于<em>图片</em>上传<em>的</em>步骤啦！ ?...:<em>8080</em>/imgUpload'; //'http://<em>localhost</em>:<em>8080</em>/imgUpload';为方法imgUpload<em>的</em>访问地址 }...总结：此次springboot集成ueditor<em>中</em>，主要遇到<em>的</em>难题就是关于后台config.json<em>的</em>路径配置出错，后来经查找资料发小可以自己手动写<em>一个</em>类来存储该json，不使用其自带<em>的</em>config.json

4.7K2 0

使用JBang构建Spring Boot Rest API教程

传统上，构建 Spring Boot 应用程序需要设置一个具有复杂目录结构、多个配置文件和各种依赖项的项目。...在我们深入开发过程之前，请确保您的系统上安装了 JBang。您可以从JBang的官方网站安装它。您可以克隆https://github.com/dmakariev/examples存储库。...您将看到指示 Spring Boot 应用程序正在运行的输出。打开您的网络浏览器并导航至http://localhost:8080。您应该看到“Hello, World!”浏览器中显示的消息。...Spring Boot 代码在您喜欢的文本编辑器或集成开发环境（IDE）中打开 springbootJpaVue.java 文件，然后添加以下代码。...http://localhost:8080/hi：应该看到“Hello, World!”浏览器中显示的消息。作者：jdon 来源：https://www.jdon.com/73266.html

1701 0

Spring国际认证指南｜为 RESTful Web 服务启用跨源请求

在这个例子中，我们只允许http://localhost:8080发送跨域请求。您还可以@CrossOrigin在控制器类级别添加注释，以在此类的所有处理程序方法上启用 CORS。...该main()方法使用 Spring Boot 的SpringApplication.run()方法来启动应用程序。您是否注意到没有一行 XML？也没有web.xml文件。...您还可以构建一个包含所有必要依赖项、类和资源的单个可执行 JAR 文件并运行它。构建可执行 jar 可以在整个开发生命周期、跨不同环境等中轻松地作为应用程序交付、版本化和部署服务。...> 这本质上是在使用 jQuery 使用 RESTful Web 服务中创建的 REST 客户端，稍作修改以在 localhost 端口 8080 上运行时使用该服务。...要启动在 localhost 的 9000 端口（以及已经在 8080 端口运行的应用）上运行的应用程序，请运行以下 Maven 命令： .

1.6K2 0

Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图

在《使用Spring Boot和Kotlin创建RESTfull API》一文中，我们完成了一个简单的RESTful 服务，体验了Spring Boot 与 kotlin结合的神力，但是往往我们也需要web...的支持，那么本篇就在上一个文章的基础上介绍Spring Boot 与 kotlin 使用Thymeleaf模板引擎渲染web视图。...启动程序后，尝试访问http://localhost:8080/ruby.jpg。如能显示图片，配置成功。渲染Web页面之前通过 @RestController处理请求，返回的内容为json对象。...> 可以看到Thymeleaf主要以属性的方式加入到html标签中，浏览器在解析html时，当检查到没有的属性时候会忽略，所以Thymeleaf的模板可以通过浏览器直接打开展现，这样非常有利于前后端的分离...页面展现Hello World，但是启动程序后，访问http://localhost:8080/，则是展示Controller中host的值：http://quanke.name，做到了不破坏HTML自身内容的数据逻辑分离

1.4K3 0

SpringBoot快速开发利器：CLI 属实真牛逼！

版本是从Spring Boot CLI的版本中提取的。 Spring boot下载JAR依赖项时，通过记住我们在应用程序编码中使用了哪些spring注解和类。...只有在不属于默认导入语句的情况下才可以导入。 spring boot没有main方法。它将被自动创建。...由于我们使用的是@RestController，所以会下载与Spring MVC和嵌入式Tomcat相关的JAR。现在它编译代码并在默认端口8080上启动嵌入式Tomcat服务器。...图片通过URL http://localhost:8080/home 来访问该应用程序。图片如果我们想改变默认端口，那么我们需要用server.port运行命令，如下所示。... 要运行这个例子，在项目的根目录下用命令提示符运行以下命令。

1K2 0

Spring认证指南：了解如何使用 Spring 创建和提交 Web 表单

你将建造什么在本指南中，您将构建一个 Web 表单，可通过以下 URL 访问该表单： http://localhost:8080/greeting 在浏览器中查看此页面将显示表单。...创建 Web 控制器在 Spring 构建网站的方法中，HTTP 请求由控制器处理。这些组件很容易通过@Controller注释识别。...该main()方法使用 Spring Boot 的SpringApplication.run()方法来启动应用程序。您是否注意到没有一行 XML？也没有web.xml文件。...您还可以构建一个包含所有必要依赖项、类和资源的单个可执行 JAR 文件并运行它。构建可执行 jar 可以在整个开发生命周期、跨不同环境等中轻松地作为应用程序交付、版本化和部署服务。...测试服务现在网站正在运行，访问 http://localhost:8080/greeting，您会看到以下表单：提交 ID 和消息以查看结果：概括恭喜！

1.7K2 0

Spring Boot2 系列教程(十一)Spring Boot 中的静态资源配置

当我们使用 SpringMVC 框架时，静态资源会被拦截，需要添加额外配置，之前老有小伙伴在微信上问松哥 Spring Boot 中的静态资源加载问题：“松哥，我的 HTML 页面好像没有样式？”...Spring Boot 中的配置在 Spring Boot 中，如果我们是从 https://start.spring.io 这个网站上创建的项目，或者使用 IntelliJ IDEA 中的 Spring...，例如我在 classpath:/static/ 目录下放了一张名为 1.png 的图片，那么我的访问路径是： http://localhost:8080/1.png 这里大家注意，请求地址中并不需要...，请求地址如果是 http://localhost:8080/1.png 实际上系统会去 /static/1.png 目录下查找相关的文件。...png 的图片，那么访问路径就是 http://localhost:8080/static/1.png ,注意此时的 static 不能省略。

1.4K1 0

Spring Boot 2.x (三)：跨域处理方案之 Cor

三、Spring Boot 环境搭建本项目所使用的开发环境及主要框架版本： java version “1.8.0_144” spring boot 2.2.0.RELEASE 首先新建一个 Spring...在配置完成后，分别启动 CorsApp-8080 和 CorsApp-8081 两个应用程序，待两个应用启动完成后，访问 http://localhost:8080/ 地址，此时你会发现页面上并没有显示任何用户...现在我们也遇到跨域问题，下面我们就来学习一下在 Spring Boot 中如何利用 Cors 来解决上述的 AJAX 请求跨域问题。...四、Spring Boot Cors 跨域解决方案 4.1 CrossOrigin 注解在 Spring Boot 中为我们提供了一个注解 @CrossOrigin 来实现跨域，这个注解可以实现方法级别的细粒度的跨域控制...，我们需要先移除 HomeController 类的 users 方法上的 @CrossOrigin 注解，重启项目再次访问 http://localhost:8080/ 地址，发现效果一样。

1.5K3 0

聊聊springboot项目如何实现自定义actuator端点

Yes No conditions 显示在配置和自动配置类上评估的条件以及它们是否匹配的原因 Yes No configprops 显示所有@ConfigurationProperties对照的列表...Yes No env 从Spring的ConfigurableEnvironment中公开属性 Yes No flyway 显示已应用的任何Flyway数据库迁移 Yes No health 显示应用程序健康信息...路径对照的列表 Yes No scheduledtasks 显示应用程序中调度的任务 Yes No sessions 允许从Spring Session支持的会话存储中检索和删除用户会话 Yes No...），你可以使用以下附加端点 ID 描述默认启用默认公开 heapdump 返回一个GZip压缩的hprof堆转储文件 Yes No jolokia 在HTTP上公开JMX bean（当Jolokia...，更详细的端点介绍可以查看官网，链接如下 https://docs.spring.io/spring-boot/docs/current/reference/html/actuator.html#actuator

8193 0

聊聊springboot项目如何实现自定义actuator端点

Yes No conditions 显示在配置和自动配置类上评估的条件以及它们是否匹配的原因 Yes No configprops...显示和修改应用程序中记录器的配置 Yes No liquibase 显示已应用的任何Liquibase...在HTTP上公开JMX bean（当Jolokia在类路径上时，WebFlux不可用） Yes No logfile 返回日志文件的内容，支持使用HTTP...在配置文件中作如下配置，可以查看详细的健康信息 management: endpoint: health: show-details: always 通过访问http:...，更详细的端点介绍可以查看官网，链接如下 https://docs.spring.io/spring-boot/docs/current/reference/html/actuator.html#actuator

7190 0

1 Springboot SpringCloud集成OAuth2入门详细教程

我们作为一个第三方平台，上一步请求百度授权的目的就是为了得到这个授权码code。然后好拿着这个code，去进行下一步操作，去获取token。...看起来没什么，就是个普通的工程，毫无特色是吗？启动它，访问localhost:8080试试，发现报错了，我们原以为能进入index.html，但是并没有，它报错了： ? ?...当访问localhost:8080时，302跳转了，跳转到了localhost:8080/login，这是spring OAuth2自动完成的，它拦截所有的请求，然后302到login，然后去做一件事，...看箭头地方，redirect_uri=localhost:8080/login，这个地址我们并没有配置，是spring OAuth它自动给我们加上的，如果你还记得的话，我们上面在百度的回调地址配了个http...再次访问localhost:8080. ? 好的，这下就是正常界面了，填写百度账号密码，看看效果。 ? 可以看到，进入到了我们之前添加的index.html里了。

1.6K2 1

IDEA下从零开始搭建SpringBoot工程

下面要说的是，如何在上面的基础上，搭建一个具有MVC结构的完整的Web应用，其中数据库采用的是Mysql，ORM采用的是Spring Data JPA，前端页面采用js+html5。...这里需要配置其静态资源（js、css文件、图片文件等）路径，以及html页面文件路径，参考SpringMVC在Spring下的配置。...=/static/** （15）在resource目录下新建templates以及static目录，分别用于存放html文件以及（js、css文件、图片)文件。...在（13）中返回了一个“user/index”页面，所以在templates下新建user目录，在user目录下新建index.html页面，这里就不写什么了，默认页面，通过相对路径引入js文件，js文件里只做示意...:8080/user/index 会显示测试页面，并弹出alert(),访问http://localhost:8080/user/show?

1.6K4 0

Spring Boot 静态资源处理

本文还是主要针对Spring Boot的默认处理方式，部分配置在application 配置文件中（.properties 或 .yml）默认资源映射我们在启动应用的时候，可以在控制台中看到如下信息...如果我按如下结构存放相同名称的图片，那么Spring Boot 读取图片的优先级是怎样的呢？...如下图：当我们访问地址 http://localhost:8080/fengjing.jpg 的时候，显示哪张图片？...fengjing.jpg 图片的地址为 http://localhost:8080/myres/fengjing.jpg 这样使用代码的方式自定义目录映射，并不影响Spring Boot的默认映射，可以同时使用...localhost:8080/myres/fengjing.jpg ，修改之前为 http://localhost:8080/fengjing.jpg 使用 spring.resources.static-locations

6942 0

Spring Boot 最佳实践（二）集成Jsp与生产环境部署

一、简介提起Java不得不说的一个开发场景就是Web开发，也是Java最热门的开发场景之一，说到Web开发绕不开的一个技术就是JSP，因为目前市面上仍有很多的公司在使用JSP，所以本文就来介绍一下Spring...为了更好的演示Spring Boot 的功能，我们会尽可能的简化业务逻辑，在这个示例中我们创建一个Cat类，设置标签hi="Hello Cat"，在页面输出标签即可。...; } } Spring MVC注解解读 @Controller 标识在一个类上，标识的类就是Spring MVC的控制器类，分发处理器会扫描使用了该注解的类是否使用了@RequestMapping...true=flag这个地址是访问不到的，正确的地址是http://localhost:8080/cat?...} 这个jsp只做了一件事，把java类里面的${hi}标签的值显示出来。

1.7K5 0

SpringBootUnity

: 版本管理 nginx: 反向代理服务器注意事项本项目代码托管在github和码云两个地方,最新代码会先推送在github上,码云上会在github上更新完之后进行同步。...则启动时会根据代码映射自动生成数据库表，请在启动前修改application.properties中的数据库连接信息启动方式本地运行本repo是一个多模块组成，每一个模块都可以单独打包运行。...在linux服务器运行 spring boot内置了tomcat做为web容器，默认打成jar包直接放在服务器上执行就可以了 java -Xms64m -Xmx2048m -jar project.jar...http://localhost:8080 默认UI http://localhost:808/doc.html bootstrap-ui 2017-09-02 spring boot版本从1.4.3更新到...模块,访问localhost:8080会显示网站主页,访问localhost:8080/api会显示api管理界面 2018-04-09 将整个项目升级到spring boot2.0 release版本

8521 0

如何将Spring Security 集成 SAML2 ADFS 实现SSO单点登录?

140 字（可选）导入你的程元数据通过完成信赖方信任向导，导入之前从Spring导出的sp metadata元数据，如以下步骤所示：添加图片注释，不超过 140 字（可选）在公网可以用的话选用第一项，...更新很方便，否则选用第二项自行导入，因为要求必须是https链接，或者设置局域网https添加图片注释，不超过 140 字（可选）输入显示名称添加图片注释，不超过 140 字（可选）选择访问控制策略添加图片注释...它建立在OpenSAML库的基础上。二、最小配置在使用 Spring Boot 时，将一个应用程序配置为一个服务提供者包括两个基本步骤。添加所需的依赖。指定必要的断言方元数据。...c.指定身份提供者（Identity Provider）元数据在Spring Boot应用程序中，要指定一个身份提供者的元数据，请创建类似于以下的配置。...当然，仍然可以配置个controller或者html来接受登录成功后的用户数据，详情可以看我后面分享的源码程序启动之后访问http://localhost:8080 应该就可以登录了，登录界面如下添加图片注释

1.7K1 0

【JavaEE进阶】SpringMVC

也就是说 Spring MVC 是 Spring 框架的核心模块，而 Spring Boot 是 Spring 的脚手架.Spring MVC 是⼀切项目的基础，Spring、Spring Boot 项目基本都是基于...SpringMVC创建和连接 Spring MVC 项目创建和 Spring Boot 创建项目相同（Spring MVC 使用Spring Boot 的方式创建），在创建的时候选择 Spring Web..."; } } 在浏览器中访问:http://localhost:8080/Test/test 注意代码中的返回路径: 当return中加了/之后就代表是从根路径去找Test.html...在请求转发中，客户端只发起了一次请求，URL地址没有变化，因此客户端浏览器的地址栏仍显示原始请求的URL。...客户端收到响应后，会自动发起一个新的GET请求到新的URL地址上，因此客户端的地址栏会显示新的URL地址。请求重定向可以用于跳转到不同的应用程序、不同的服务器，甚至是跳转到外部网站。

1932 0

Spring Boot使用RESTful Web服务

创建一个简单的Spring Boot Web应用程序并编写一个控制器类文件，用于重定向到HTML文件以使用RESTful Web服务。...需要在构建配置文件中添加Spring Boot启动程序Thymeleaf和Web依赖项。对于Maven用户，请在pom.xml 文件中添加以下依赖项。...在HTML文件中，添加jQuery库，并在单击按钮时编写了将表单提交到RESTful Web服务的代码。...浏览器中访问URL => http://localhost:8080/view-products ，可以看到如下所示的输出 - 访问URL => http://localhost:8080/add-products...，可以看到如下所示的输出 - 现在，单击按钮提交表单，可以看到显示的结果 - 现在，点击查看产品URL => http://localhost:8080/view-products ，查看创建的产品

1.4K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭