SpringBoot中的html页面访问不到js,css等静态资源问题解决方案
首先贴上项目目录结构
当我在index.html中访问css中的index.css时,发现报404,路径是http://localhost:8080/static/css/index.css
<link rel="stylesheet" href="/static/css/index.css" />
网上的解释是在SpringBoot中,默认配置的/**映射到/static,所以不需要加/static,但我去掉后,发现仍然报404,但html在加载css时访问的路径是http://localhost:8080/css/index.css
此时,我觉得可能是我springboot中配置了context-path导致,
所以又在html中加了/SIMS
<link rel="stylesheet" href="/SIMS/css/normalize.css" />
果然,加了之后成功访问到了。
同时,如果将html访问css改成通过../访问,通过访问上一级也是能成功的
<link rel="stylesheet" href="../css/index.css" />
至此,访问css问题解决,但新问题又出现了。当我想通过a标签跳转到templates文件夹下的其他html时,发现又报了404。
查找网上资料发现,templates下的页面只能通过Controller跳转实现,而static下的页面是能直接被外界访问的,故放弃了templates文件夹,直接将html放置于static下,就能正常访问了。
之后得到项目新结构
希望可以帮助到你们。
转载自:https://blog.csdn.net/aGreySky/article/details/89236815
SpringBoot中的html页面访问不到js,css等静态资源问题解决方案相关推荐
- 关于pycharm中html在页面访问的记录(授权问题)
关于pycharm中html在页面访问的记录(授权问题) 解决 Page 'http://localhost:63342/v3/js/math/math.map' requested without ...
- SpringBoot整合Druid数据源页面访问报该页面无法正常运作
SpringBoot整合Druid数据源页面访问报该页面无法正常运作 异常页面:请求访问页面成功但是该网页无法正常运行 正常的页面: 输入:账号admin 密码:123456 进入 我的代码 pom. ...
- 开启springboot中对jsp页面修改后的热部署
原始的springboot项目修改完jsp页面之后还要重新启动项目才能生效,现对jsp页面进行热部署, 在application.yml中加入如下配置: 在配置文件中输入jsp后,选择第三个,因为实在 ...
- springboot访问下载/resource/static下的静态资源;下载excel文件损坏,打不开
放文件 直接把文件放到resource下的static文件夹中 看编译结果 启动之后看看是否被编译了 访问,下载 然后在浏览器输入下面地址就能自动下载文件了 http://localhost:8002 ...
- springboot static访问不到_Spring Boot 的静态资源处理
黑客技术点击右侧关注,了解黑客的世界! Java开发进阶点击右侧关注,掌握进阶之路! Python开发点击右侧关注,探讨技术话题! 作者 | liuxiaopeng 来源 | cnblogs.com/ ...
- 最迷幻的办法解决SpringBoot访问static文件夹下的静态资源
写SpringBoot的时候,想访问static文件夹下的资源,就是访问不到,一直到white page,在网上也搜了好多,试了好多方法都没用 然后我就想试一下public和resources下的资源 ...
- yii blog页面不能正确显示js,css文件的原因分析
昨天从yii官网下载了一个yii源码,发现blog页面的js,css都显示为 Access Denied! 整个页面没有样式,非常杂乱. 根据"Access Denied!"的提示 ...
- Thymeleaf——访问静态资源(static)解决方案
官方文档 https://www.thymeleaf.org/doc/tutorials/3.0/usingthymeleaf.html#server-root-relative-urls 解决方案 ...
- 由于权限引起的Tomcat中项目某些页面访问不了
报错:Caused by: java.lang.ClassNotFoundException: org.apache.jsp.page.risk.askprve_jsp 原因:/lvdata/loca ...
最新文章
- linux进行主机发现,linux – 网络上所有计算机的主机名发现
- Oracle Sequence用plsql修改
- php数组foreach循环添加键值对_在PHP的foreach循环中插入一个$key作为变量
- linux的 dev vdal,RAZVOJ DELA NA DALJAVO V SLOVENIJI
- openlayers事件类型
- Spring : Spring @Transactional 事物管理入口
- C++之继承探究(十):抽象基类与纯虚函数
- 一身的债务,信用卡还逾期,我一个女的,怎么办?
- 几种常见模式识别算法整理和总结
- JAVA--文本编辑器
- 19-Spring Security资源服务器配置详解
- 直线型一阶倒立摆3---控制器设计
- android rom结构_如何将新的ROM刷新到您的Android手机
- 【HelloKitty团队项目】Alpha阶段项目展示
- Docker入门之HelloWorld(一)
- 徐州市纳西科技贸易有限公司 拖欠工资 李东来
- Win7安装Docker 1
- 关于onMeasure
- 滴滴出行为什么要推一个“全民拼车日”?
- npm i element-ui -S命令错误 针对于vue2
热门文章
- 【读书笔记】减法——完美无缺,不是增无可增,而是减无可减
- View Programming Guide for IOS:Views笔记
- 大学创业是一种什么样的体验(一)
- 配置Web.config文件显示错误信息
- mysql开发收银_农银e管家收银台PC版收款语音播报插件开发实录(二)
- 安装依赖报错:An unexpected error occurred: “E:\\ReactProject\\umi-project\\package.json:
- CPU卡的一个发卡详细过程
- 领导问“你这块表多少钱?”缺心眼说价钱,不懂这4个话术惹麻烦
- 【软考高级:信息系统项目管理师】【信息项目十大管理】第八天:项目人力资源管理
- word2016 插入题注 交叉引用 记得更新域