首页 > 其他分享 >解决SpringBoot中无法访问js、css、img等静态资源的问题

解决SpringBoot中无法访问js、css、img等静态资源的问题

时间:2022-12-23 14:31:43浏览次数:48  
标签:SpringBoot img 静态 无法访问 js static


解决SpringBoot中无法访问js、css、img等静态资源的问题

一. 异常问题

我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录,然后在html文件中我一开始如下图所示进行引用。

解决SpringBoot中无法访问js、css、img等静态资源的问题_javascript

结果访问页面的时候,就导致了如下效果:

解决SpringBoot中无法访问js、css、img等静态资源的问题_javascript_02

二. 原因分析

这是因为Springboot默认的静态资源路径为static,我们不需要再添加/static/前缀,所以需要使用正确的方式来引用,否则就会导致404的问题。

三. 解决办法

<link rel="stylesheet" href="/layui/css/layui.css">
<link rel="stylesheet" href="/easyui/default/easyui.css">
<script src="/layui/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="/easyui/jquery.easyui.min.js" type="text/javascript"></script>

解决SpringBoot中无法访问js、css、img等静态资源的问题_javascript_03

此时运行效果如下:

解决SpringBoot中无法访问js、css、img等静态资源的问题_静态资源_04

 

 

 

 

标签:SpringBoot,img,静态,无法访问,js,static
From: https://blog.51cto.com/u_7044146/5965634

相关文章

  • 使用picture标签加快img加载
    picture标签压缩图片<picture><sourcesrcset="/document.designmode.avif"type="image/avif"><sourcesrcset="/document.designmode.jxl"type="image/jx......
  • Jenkins+Docker 一键自动化部署 SpringBoot 项目
    Jenkins+Docker一键自动化部署SpringBoot项目 本文章实现最简单全面的Jenkins+docker+springboot 一键自动部署项目,步骤齐全,少走坑路。环境:centos7+git(git......
  • C#正则表达式提取HTML中IMG标签的SRC地址
    一般来说一个HTML文档有很多标签,比如“<html>”、“<body>”、“<table>”等,想把文档中的img标签提取出来并不是一件容易的事。由于img标签样式变化多端,使提取的时候......
  • Springboot+Mybatis+MySql下,mysql使用json类型字段存取的处理
    转载:Springboot+Mybatis+MySql下,mysql使用json类型字段存取的处理背景:1、mysql5.7开始支持json类型字段;2、mybatis暂不支持json类型字段的处理,需要自己做处理项目......
  • springboot学习总结
    刚学完spring的时候就学了一部分的springboot 感觉区别就在于springboot更加的高效 他为了方便开发 在spring的基础上面更加简化了一些配置他有非常大的有点比如:1.......
  • SpringBoot项目Jar包构建Docker镜像
    在jar包同级目录创建Dockerfile文件,写入一下:FROMopenjdk:11MAINTAINERdemoADD[jar包文件][生成的镜像名称]EXPOSE8110//镜像暴露的端口号ENTRYPOINT["java",......
  • 使用WinSW将springboot jar项目安装为windows服务
    1、下载WinSW:https://github.com/winsw/winsw/releases,此处下载WinSWv2.11.0版,以下几个版本都行:  此处使用WinSW-x64.exe2、假如jar文件名称为:hello.jar,就将WinSW-x......
  • SpringBoot
    概述把繁琐的spring配置进行了简化,Springboot自带服务器,所以项目可以直接以jar的形式直接来运行,方便的开发测试以及部署特点核心理念:约定大于配置,比如模型名和表名一......
  • SpringBoot注解最全详解(整合超详细版本)
    使用注解的优势:1.采用纯java代码,不在需要配置繁杂的xml文件2.在配置中也可享受面向对象带来的好处3.类型安全对重构可以提供良好的支持4.减少复杂配置文件的同时亦能享......
  • SpringBoot入门三十一,多数据源的使用
    一、环境配置项目基本配置参考​​SpringBoot入门一,使用myEclipse新建一个SpringBoot项目​​,使用MyEclipse新建一个SpringBoot项目即可,数据源使用MyBatis。下面开始多数......