spring boot 无法引用静态资源

0.说明:

在 resource/templates/index.html可以正常引用js。

而在resource/templates/system/sysDept.html中 不能正常引用static静态资源中的js


1.首先上项目结构图:

index.html可以正确引用static中的静态文件,而在system目录下,则不能引用到

2.index.html引用格式和sysDept.html引用一样,故贴出有问题的sysDept.html

**
图片说明

3.我的跳转路径:

图片说明

4.代码中的处理:

图片说明

5问题来了:

图片说明

6.疑惑点:

在引用静态资源时,为什么会出现我访问的路径 sys/dept2/呢?应该出现这样【http://localhost:8080/css/plugins/jsTree/style.min.css】才是正确的啊,

故请教大家
##

回答

添加 ../

为什么我的路径中会出现 【sys/dept2/】呢?

2个回答

首先你看清楚了,这两个文件不再同一个目录下,引用js或者css时路径就不一样。你用同样的引用当然无效。
如果index页面引用是css/xxx/xxx
那么sysdept页面就是../css/xxx/xxx

sys/dept2 这个是你的页面路由地址,也可以说是页面地址,后面就是css引用

qq_23126581
渊渟无迹静涛君 回复沐风Cc: 以后有问题可以直接@我
大约一年之前 回复
mufeng633
沐风Cc 第二种:添加 th:href=@{} 属性。 如: <script src="/js/jquery.min.js" th:href="@{/js/jquery.min.js}"></script> 。这一种可以直接引用路径,比较方便
大约一年之前 回复
mufeng633
沐风Cc 第一种:就像刚才老哥说的:在前面加入 ../ 获取到相对路径
大约一年之前 回复
mufeng633
沐风Cc 回复玄元复始道生初,守一无穷尽万物: 补充完整答案:
大约一年之前 回复
qq_23126581
渊渟无迹静涛君 回复沐风Cc: 该解决的问题已经解决了,如果有帮助,请采纳下,谢谢
大约一年之前 回复
qq_23126581
渊渟无迹静涛君 回复沐风Cc: 你页面检查元素都是有的。浏览器地址栏不会有,不信你检查csdn的
大约一年之前 回复
mufeng633
沐风Cc 回复玄元复始道生初,守一无穷尽万物: 有点疑惑,老哥。为什么传统的 SSM项目,jsp页面引入js,js路径中就不会加上我访问的页面路由地址,而spring boot 引用js会呢?
大约一年之前 回复
qq_23126581
渊渟无迹静涛君 回复沐风Cc: sys/dept2 这个是你的页面路由地址,也可以说是页面地址,后面就是css引用
大约一年之前 回复
mufeng633
沐风Cc 老哥,我图文回答了你说的情况,可以看一下
大约一年之前 回复

完整答案:

第一种:添加 ../

<link href="../../css/style.css" rel="stylesheet">

第二种:利用 thymeleaf的 th:href=@{}属性

<link href="css/style.css" th:href="@{/js/jquery.min.js}" rel="stylesheet">

第三种:直接添加 / 符号 就可以了

<link href="/css/style.css" rel="stylesheet">

找到了解决办法,真是不容易啊
个人推荐第三种

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

spring boot 自己新建静态资源目录映射,为什么访问不到

自己在项目中新建了一个upload目录 ![图片说明](https://img-ask.csdn.net/upload/201907/11/1562833121_199896.png) 然后在spring boot的application.properties文件中配置了这样的映射 ![图片说明](https://img-ask.csdn.net/upload/201907/11/1562833188_943494.png) 但是在浏览器中访问upload下面的main.js却访问不到,有大神能告诉为什么吗 ![图片说明](https://img-ask.csdn.net/upload/201907/11/1562833272_571692.png)

Spring boot 项目如何访问依赖子项目的静态资源

两个Spring boot 工程 子工程作为一个模块功能依赖到主工程中。主工程启动后无法访问子工程的静态资源 。如js、css、img等 加的配置也不生效 ![图片说明](https://img-ask.csdn.net/upload/201903/06/1551866824_109371.png)

springboot无法访问静态资源

问题描述:员工添加和编辑使用同一页面,点击添加按钮可以正常显示,点击编辑就无法访问js、css。<br> ![图片说明](https://img-ask.csdn.net/upload/201908/23/1566545361_152563.png) ![图片说明](https://img-ask.csdn.net/upload/201908/23/1566544579_547732.png) ![图片说明](https://img-ask.csdn.net/upload/201908/23/1566544630_543591.png)<br> 点击编辑:![图片说明](https://img-ask.csdn.net/upload/201908/23/1566545158_340907.png)<br>点击添加:![图片说明](https://img-ask.csdn.net/upload/201908/23/1566545185_830729.png)<br>小弟刚接触spring boot,还请大佬赐教

Spring boot 访问静态资源,js/css/图片报500是怎么回事啊

页面报HTTP Status 500 – Internal Server Error properties: ``` spring.resources.static-locations=classpath:/static/ ``` css和js都放在static文件夹下面,html放在templates下面

在spring boot项目中遇到跨域访问问题

项目使用了OAuth2.0认证,现在调用接口时遇到了跨域访问的问题。在filter中配置了允许跨域访问,访问不需要token的接口时一切正常,但被OAuth保护的资源就无法通过ajax跨域访问,我的分析是,被oauth保护的接口首先被oauth系统拦截,此时还未进行到filter,所以是不允许跨域访问的,而不允许跨域,被添加到http请求头部无法被oauth系统获取,所以请求无法通过。对spring boot不太精通,想问spring boot中一个请求的声明周期是怎样的,能否在请求到达oauth之前添加类似过滤器的代码,使request允许跨域

spring boot 集成 thymeleaf 静态资源响应Content-Type: application/json;charset=UTF-8

正常配置了 静态资源访问 ``` @Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/"); } ```

SpringBoot加载静态资源404

聚合项目 公共的js与jsp(只是引入了公共的js)最为单独的子项目达成war,ui-common.war 功能模块sso,依赖ui-common.war,打包时ui-common的静态资源已经在sso的 WEB-INF中,但是无法被引用到

SpringBoot+thymeleaf+静态资源引入(jq、css、png等资源无法正确引用)

请教一下springboot引入静态资源文件要做哪些配置? 1.完整yml文件配置 ``` # 热部署 spring: devtools: restart: enabled: true additional-exclude: WEB-INF/** # 配置静态资源文件路径 resources: static-locations: ["/templates/","/resources/","/static/","/public/"] # 配置数据库连接 datasource: url: jdbc:mysql://localhost:3306/sakila?useUnicode=true&characterEncoding=utf-8&useSSL=false username: root password: driver-class-name: com.mysql.jdbc.Driver # redis配置 redis: database: 0 host: localhost port: 6379 password: pool: max-active: 8 max-wait: -1 max-idle: 8 min-idle: 0 timeout: 0 # 配置模版引擎 thymeleaf: prefix: classpath:/templates/ suffix: .html cache: false mvc: static-path-pattern: /** # 配置端口号 server: port: 8081 # 配置mybatis mybatis: mapper-locations: classpath:mappers/*.xml ``` 2.页面引用静态资源如图所示 ![图片说明](https://img-ask.csdn.net/upload/201803/06/1520269832_986867.png) 3.前端报错 ![图片说明](https://img-ask.csdn.net/upload/201803/06/1520269888_503110.png)

springboot访问静态资源问题

springboot怎么访问静态资源图片啊,图片在static目录下为什么访问不到?

Spring Boot中使用set注入方式将配置文件中值赋给静态变量失败

![图片说明](https://img-ask.csdn.net/upload/201904/12/1555041010_489123.png) 代码中是这样;![图片说明](https://img-ask.csdn.net/upload/201904/12/1555041026_138650.png) 这是配置文件; 启动的时候发现静态变量中值均为null

springboot security 静态资源一直访问不到

1、拦截器 ![图片说明](https://img-ask.csdn.net/upload/201903/28/1553740242_710046.png) 2、token验证 ![图片说明](https://img-ask.csdn.net/upload/201903/28/1553740289_716719.png) 3、静态资源位置 ![图片说明](https://img-ask.csdn.net/upload/201903/28/1553740373_565024.png) 4、报错信息 ![图片说明](https://img-ask.csdn.net/upload/201903/28/1553740488_736144.png) 现在问题:页面访问一直得不到js

springboot怎么优先处理静态资源url???

我的静态资源/css/style.css 正常访问。 当我创建了一个控制器路径是 ``` @ResponseBody @GetMapping("/css/style.css") public String style() { return "fuck you"; } ``` 结果就执行了控制器的路径,输出字符串fuck you 我想优先处理静态资源,怎么配置? 现在是优先控制器,只要控制器的url和静态url重叠就被覆盖了。 我想优先拿css,静态资源不存在 再访问控制器

springboot外部静态资源访问失败

使用WebMvcConfigurerAdapter的addResourceHandlers方法,映射外部资源失败: ``` @SpringBootConfiguration public class MySpringMVCConfig extends WebMvcConfigurerAdapter{ public void addResourceHandlers(ResourceHandlerRegistry registry) { registry .addResourceHandler("/GMap/**") .addResourceLocations("file:E://GMap/"); super.addResourceHandlers(registry); } } ``` ![图片说明](https://img-ask.csdn.net/upload/201905/07/1557160629_88416.png) ![图片说明](https://img-ask.csdn.net/upload/201905/07/1557160639_721404.png) 怎么回事呢?

Springboot servlet和访问静态资源

![![为什么用/访问jsp错误,设置URL映射就可以,registration.addUrlMappings("/servlet/*"); 还有为什么请求静态资源时,他自动加上当前页面请求url的上一级?菜鸟一个 有大神解释一下吗](https://img-ask.csdn.net/upload/201612/01/1480586429_998601.png)图片说明](https://img-ask.csdn.net/upload/201612/01/1480586357_613937.png)

Springboot+thymeleaf 静态资源404

![图片说明](https://img-ask.csdn.net/upload/202002/06/1580974896_381903.jpg) 如图,我用Springboot+thymeleaf 返回了页面,但访问静态资源有问题。类型也不对。我有整合了Shiro框架 shiro过滤部分: ![图片说明](https://img-ask.csdn.net/upload/202002/06/1580975191_71883.png) 资源目录: ![图片说明](https://img-ask.csdn.net/upload/202002/06/1580975206_252515.png) 页面引用css: ``` <link href="/dist/css/style.min.css" rel="stylesheet"> ``` 用这个标签时会报错: ``` <link th:href="@{/static/dist/css/style.min.css}" rel="stylesheet" type="text/css"/> ``` No mapping for GET /auth/static/dist/css/style.min.css yml配置: ``` spring: mvc: static-path-pattern: /static/** view: prefix: /templates/ suffix: .html resources: static-locations: classpath:/static/ thymeleaf: #缓冲的配置 cache: false check-template: true check-template-location: true #开启MVC thymeleaf 视图解析 enabled: true encoding: utf-8 mode: HTML prefix: classpath:/templates/ suffix: .html ```

springboot2拦截器返回false后静态资源无法访问

1. springboot2拦截器返回false以后无法加载静态资源 项目结构 ![图片说明](https://img-ask.csdn.net/upload/202001/15/1579052620_410438.jpg) 拦截器代码 ``` @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { User user = (User)request.getSession().getAttribute(GlobalConst.USER_SESSION_KEY); logger.info(request.getRequestURI().toString()); if (user == null) { response.sendRedirect("/login"); logger.info("请先登录"); return false; } else { // 验证权限 String role = user.getRole(); if (!this.hasPermission(handler, role)) { response.sendError(HttpStatus.FORBIDDEN.value(), "无权限"); return false; } } return true; } ``` 2.自定义的WebConfigurer ``` @Configuration public class WebConfigurer implements WebMvcConfigurer { @Override public void addInterceptors(InterceptorRegistry registry) { registry.addInterceptor(new LoginInterceptor()).addPathPatterns("/**") .excludePathPatterns("/") .excludePathPatterns("/login", "/tologin") .excludePathPatterns("/recharge/notify").excludePathPatterns("/recharge/rechargeok") .excludePathPatterns("/verify/getcode"); } } ``` 3.application.properties ``` # 静态文件请求匹配方式 spring.mvc.static-path-pattern=/** # 修改默认的静态寻址资源目录 spring.resources.static-locations=classpath:/static/ ``` 未登录时preHandle返回false,静态资源无法加载。 登录后可以加载静态资源;或者把response.sendRedirect("/login");注释掉再把return改为true也可以加载静态资源 遇到这问题很郁闷,找了半天也没找到啥原因

Maven多模块开发,静态资源问题

大家好,最近在进行maven+springmvc项目开发的时候,遇到这样的问题, 项目只有一个War包,其中包含多个子模块,现将前段模块为web,后端管理模块为nweb, 两者采用不通的servlet,配置如下: <servlet-mapping> <servlet-name>WebDispatcherServlet</servlet-name> <url-pattern>/web/*</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>MwebDispatcherServlet</servlet-name> <url-pattern>/mweb/*</url-pattern> </servlet-mapping> 对于这样的配置,根据spring的匹配原则,对于请求静态资源都是拦截的,通过如下方式: <mvc:resources location="/assets/js/" mapping="/main/assets/js/**" /> 可以匹配的,但项目中mapping中的请求url中的main是可变的,该如何匹配,求大神们帮助,指条明路,谢谢了。

spring boot 如何设置不拦截某个url?

前端的请求基本都会被控制器拦截 比如说我想放过/request这个请求(不是静态资源),不让控制器拦截 怎么实现? 注意是spring boot 不是spring...请不要用那种xml的形式~~!!!谢谢!!

springboot打包部署为什么无法访问静态资源格式

为什么我项目在本地运行很正常,部署了bootstrap格式这些全部就失效了呢?F12显示访问这些资源404,但是我按别人的方法,在application文件中修改配置,或者修改适配器,或者修改连接地址,都没用,但是在本地就很正常,这是为什么呢

2019 Python开发者日-培训

2019 Python开发者日-培训

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

设计模式(JAVA语言实现)--20种设计模式附带源码

设计模式(JAVA语言实现)--20种设计模式附带源码

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

java后台+微信小程序 实现完整的点餐系统

java后台+微信小程序 实现完整的点餐系统

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

初级玩转Linux+Ubuntu(嵌入式开发基础课程)

2019 AI开发者大会

2019 AI开发者大会

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

4小时玩转微信小程序——基础入门与微信支付实战

4小时玩转微信小程序——基础入门与微信支付实战

Git 实用技巧

Git 实用技巧

Python数据清洗实战入门

Python数据清洗实战入门

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

程序员的算法通关课:知己知彼(第一季)

程序员的算法通关课:知己知彼(第一季)

MySQL数据库从入门到实战应用

MySQL数据库从入门到实战应用

机器学习初学者必会的案例精讲

机器学习初学者必会的案例精讲

手把手实现Java图书管理系统(附源码)

手把手实现Java图书管理系统(附源码)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

极简JAVA学习营第四期(报名以后加助教微信:eduxy-1)

.net core快速开发框架

.net core快速开发框架

玩转Python-Python3基础入门

玩转Python-Python3基础入门

Python数据挖掘简易入门

Python数据挖掘简易入门

微信公众平台开发入门

微信公众平台开发入门

程序员的兼职技能课

程序员的兼职技能课

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

HoloLens2开发入门教程

HoloLens2开发入门教程

微信小程序开发实战

微信小程序开发实战

Java8零基础入门视频教程

Java8零基础入门视频教程

相关热词 c#跨线程停止timer c#批量写入sql数据库 c# 自动安装浏览器 c#语言基础考试题 c# 偏移量打印是什么 c# 绘制曲线图 c#框体中的退出函数 c# 按钮透明背景 c# idl 混编出错 c#在位置0处没有任何行
立即提问