SpringBoot中项目中static目录下的前端css/js不起作用

最新推荐文章于 2023-11-13 22:40:36 发布
最新推荐文章于 2023-11-13 22:40:36 发布
阅读量1.4k 收藏 1
点赞数 1
分类专栏： # SpringBoot
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41950447/article/details/112465106
版权

一牵扯到statics静态目录，很容易犯资源路径错误的问题，果不其然！！！本以为是target中没有加载，clean了好多次还是不行。后看了浏览器后台静态资源下的资源状态全都是 404！
在这里插入图片描述
当时我是这样引入的：

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

在静态路径下就相当于是Root路径，可以直接访问，任何放于此目录下的资源都是这样。
修改为：

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

就可以显示了

明天天明~
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
springboot访问静态页面，并加载css、js样式
qq_45947664的博客
09-16 5987
src="/js/jquery.min.js" 也就是地址 src="/static/js/jquery.min.js"2、因为是通过地址栏访问，所以使用@GetMapping注解，注解后的内容可随意写，访问时的地址就是：“3、return“ ”里面填的字符串一定要是自己放入templates里的html页面的名字。1、一定要用@Controller注解，不能用@Restcontroller；虽然href或src内的内容idea会标识不认识，但地址是没有问题。
解决SpringBoot中无法访问js、css、img等静态资源的问题
IT教育任姐姐的博客
12-14 4106
一. 异常问题 我一开始在SpringBoot中的resources/static/目录下创建了easeui、layui等静态资源目录，然后在html文件中我一开始如下图所示进行引用。 结果访问页面的时候，就导致了如下效果： 二. 原因分析 这是因为Springboot默认的静态资源路径为static，我们不需要再添加/static/前缀，所以需要使用正确的方式来引用，否则就会导致404的问题。 三. 解决办法 <link rel="stylesheet" href="/lay
前后端分离开发，前端打包后放springboot的static文件夹部署
keller的博客
06-29 6692
今天，小编在公司部署项目，要求前后端部署在一起，前端开发完后将前端代码打包后放到springboot的static目录下；然后打成镜像，k8s部署；前端项目执行npm run build命令，文件会打包到dist文件夹下；后端项目 在项目的resource目录下，创建static文件夹，如下所示： 将前端打包后的dist下的所有文件，全部拷贝到static文件夹下；通过这样部署后，相当于前后端作为一个整体部署到了tomcat当中，所以前后端使用同一个端口；启动springboot工程，然后访问localh
关于springboot访问不到static里面的js文件解决方法（仅供参考）
qq_40383202的博客
08-22 5272
关于springboot访问不到static里面的js文件解决方法（仅供参考）遇到的问题1、在html页面中引入jQuery文件后使用$符号会提示未被定义2、静态资源无法访问解决方法1、$符号无法使用2、静态资源无法访问 本人使用的是SpringBoot2.4，项目中未配置任何拦截器过滤器 遇到的问题 1、在html页面中引入jQuery文件后使用$符号会提示未被定义 2、静态资源无法访问 解决方法 1、$符号无法使用 此时需要在项目中添加jQuery库，此时需在IDEA中进行如下操作： File
Springboot-加载静态资源（最后重点）
qq_33879443的博客
07-15 5305
springboot范文静态资源
SpringBoot中关于static和templates的注意事项以及webjars的配置
08-26
1. **静态资源处理**：Spring Boot默认会自动扫描并处理位于`src/main/resources/static`目录下的静态资源，例如CSS、JavaScript、图片等。当你通过浏览器访问应用时，根路径`/`默认指向的就是`/static`目录下的`...
SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx
06-03
在SpringBoot应用中，开发人员经常遇到一个常见问题，即在尝试访问页面时，CSS、JavaScript等静态资源引用失效。这通常是因为SpringBoot的默认资源配置导致的。在本篇文章中，我们将深入探讨这个问题的原因以及解决...
springboot+css+js+html Demo
01-20
在`application.properties`或`application.yml`中，可以设置`spring.web.resources.static-locations`属性，指定静态资源的路径，默认情况下，SpringBoot会查找`public`或`static`目录下的资源。 通过以上步骤，...
SpringBoot项目+SpringSecurity+前端静态资源
08-23
在本项目中，"SpringBoot项目+SpringSecurity+前端静态资源"是一个综合性的开发实践，主要涉及了Spring Boot和Spring Security这两个核心的Java框架，以及前端的静态资源管理。Spring Boot简化了Java应用的初始化和...
使用springboot 前后端联调的一个前端代码
08-21
在这个场景中，"使用springboot 前后端联调的一个前端代码"意味着我们将探讨如何在Spring Boot后端服务上进行前端代码的集成和调试，以实现完整的应用程序功能。 首先，让我们了解Spring Boot后端的构建。Spring ...
问题：前端写好的html文件，在idea中经过格式修改为jsp文件时，造成部分css样式丢失失效无效...
weixin_46009389的博客
02-24 1165
问题：前端写好的html文件，在idea中经过格式修改为jsp文件时，造成部分css样式丢失失效无效... 今天发现一个问题，导入前端写好的html文件，在idea中经过格式修改为jsp文件时，造成部分css样式丢失失效无效…具体对比如下：相信很多朋友都尝试了很多办法，比如： 重新部署，重启服务器，重启idea。方法尝试过都不行后，其实这可能是内置的浏览器出现了问题，假如换个浏览器运行，就看到了想要的效果。
Spring Boot 访问静态资源css/js
最新发布
深码青年的博客
11-13 437
css 样式；js 脚本；favicon.ico 图标等；而在 Spring Boot 中如果没有做任何配置，是无法直接访问静态资源的，通常会报 404 错误。
【问题解决】解决项目打包成jar包，部署上线后，读取resources目录文件资源失效。
weixin_43849468的博客
04-27 2608
项目打包成jar包，部署上线后，读取resources目录文件资源失效。 最近在做的一个项目需要，读取模板文件和一些静态资源文件来生成对应的pdf文档。这里涉及到了很多文件读取的细节问题。 刚开始我觉得还是挺简单的吧，资源文件的读取方式有很多，这里随便列举几个： 通过ClassPathResource ClassPathResource resource = new ClassPathResource("对应resources目录文加下的路径"); InputStream in = classPathR
springboot html引入js、css失效和没有用原因解决
热门推荐
u013306146的博客
05-11 2万+
springboot scr的resouces下有两个文件夹 static 和templates，第一个是放静态资源的文件,js css还有图片等，如果在static目录下建的html页面，那么和普通工程引入js css一样的做法一样就能成功，但是如果html界面是在templates下面的话，引入js css就无效了，不用担心只需两个步骤就可以解决这个问题1、在pom中引入&lt;depende...
前端打包项目dist导入SpringBoot打开显示不出静态页面资源
weixin_47158583的博客
12-12 1690
spring.mvc.static-path-pattern 与 spring.web.resources.static-locations
SpringBoot（3）释放静态资源css、js
wgx_0504的博客
10-11 728
SpringBoot释放静态资源css、js
springboot 项目 css，js静态文件404问题。
qq_41078608的博客
01-23 2630
首先springboot 是默认路径没有/resource （这个应该都知道）和/static （主要问题出在这个上边） 两种解决方法： 1.再引用css，js的绝对路径上删除/static，这个方法工作量比较小可以使用。 2.实现WebMvcConfigurer接口，重写addResourceHandlers方法，这样html引用的时候就可以按正常路径/static/**写 再controller同级建立一个config包 添加类： package com.example.demo.controller.
SpringBoot项目访问不到static目录下的js文件
legendaryhaha的博客
11-05 1万+
404 虽然现在前后端分离了，但有时为了测试方便，还是会直接在项目中，写一个html，如图，某次测试过程中发现html访问正常，但static目录下的文件死活访问不到： 网上很多做法是因为设置了context-path，结果文件路径没有加上，然后报错404. 第二种写法是，通过加入配置文件，将static目录的访问进行映射,，此时如果访问static/js/sock.js文件，路径写成js/...
Vue+Springboot前后台分别开发，整合成一个项目，生成dist文件，放到static目录下遇到的问题总结
qq_38056518的博客
09-04 5060
1、把前台项目打包生成dist文件，然后放到static目录下，修改index页面 把 ，这样是找不到这个js，这样会直接拼接到localhost:8080后面，不会访问项目名和dist目录，如http://localhost:8080/js/chunk-2d0c535e.7eae1c64.js, 需要我们指定为当前目录，做法是在 /js 前加一个 .，如下图所示 2、访问 项目访问路径 http://localhost:8081/stu/dist/index.html http://localhost
springboot vue mybatis项目src/main/resources/static
06-02
Vue.js 开发前端页面的时候，可以将 Vue.js 项目的打包文件（通常是一个包含了 HTML、CSS、JavaScript 等文件的静态资源文件夹）放置在 Spring Boot 项目的 `src/main/resources/static` 目录下，然后在 Spring Boot...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值