Spring Boot：引用js,css,jquery静态资源报错

最新推荐文章于 2024-05-30 15:01:09 发布
最新推荐文章于 2024-05-30 15:01:09 发布
阅读量6k 收藏 3
点赞数
分类专栏： SpringBoot eclipse使用 文章标签： Spring Boot Bootstrap eclipse
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35764460/article/details/88742616
版权
本文介绍了在Spring Boot项目中引用Bootstrap的静态资源（css, js, jquery）时遇到的错误，包括MIME类型不匹配的问题。作者分享了错误的引用方式，即直接从网站上引用，以及第二天因网站问题导致的前台报错。为了解决这个问题，文章提供了将资源下载到本地并正确引用的方法，分别针对eclipse中的SSM项目和IDEA中的Spring Boot项目给出了详细步骤，并提到了在application.yml文件中进行配置的解决办法。" 120758595,11526262,SSM科研成果管理系统设计与实现,"['Java', 'Spring', 'SpringMVC', 'MyBatis', '数据库']
摘要由CSDN通过智能技术生成

Spring Boot：引用js,css,jquery静态资源报错

报错背景

最近一直在使用Bootstrap框架，可以快速在下面网页上搭建前端界面。ibootstrap
但是搭建完，需要引用css,js,以及jquery，这样效果才可以使用。

错误方法一

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<link href="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js"></script>

上面是我使用的方法，可以直接在网站上引用这些代码。

方法一报错

但是第二天，这方法突然没有了，并且前台报错

Refused to execute script from ‘https://cdn.bootcss.com/twitter-bootstrap/3.0.1/js/bootstrap.min.js’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.

最低0.47元/天 解锁文章
小胖丨学编程
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Spring Boot入门(18)：使用Spring Boot快速实现静态资源映射，完美展示前端页面！
**My Coding Family**
04-29 5281
Spring Boot如何设置静态资源映射，一文带你搞定。
Spring Boot静态资源映射
洛卡JAVA架构师每日分享Java架构师知识
06-01 3634
在 Web 应用中会涉及到大量的静态资源，例如 JS、CSS 和 HTML 等。我们知道，Spring MVC 导入静态资源文件时，需要配置静态资源的映射；但在 SpringBoot 中则不再需要进行此项配置，因为 SpringBoot 已经默认完成了这一工作。Spring Boot 默认为我们提供了 3 种静态资源映射规则： WebJars 映射 默认资源映射 静态首页（欢迎页）映射 WebJars 映射 为了让页面更加美观，让用户有更多更好的体验，Web 应用中通常会使用大量的 JS 和 CSS，例如
Springboot 引入css报错404not found解决，无法加载css
u013596592的博客
03-27 1146
在网上查了半天都没有找到正确的解决方法,后面找到在pom.xml文件的build中添加： <!--自己项目中有什么后缀的文件就添加进去--> <resources> <resource> <directory>src/main/resources</directory> <includes> <include>**/*.yml</include>
spring boot的页面js，css引入失败
Dragon_King的博客
05-06 343
我新加入了一些js和css，启动项目后发现404，但是路径正确，其他js和css引用正常，找了很多方法，最后很简单的解决了； 如果是其他引用正常，个别404，只需要重构一次项目，因为新加入的js和css没有被编译。 idea： ...
CSS学习笔记：bootstrap的介绍、下载、使用及响应式布局的实现
最新发布
lbcbjtlhmjq的博客
05-30 1177
Bootstrap 是由 Twitter 公司开发维护的前端 UI 框架，它提供了大量编写好的CSS 样式 bootstrap过时了吗？ 其实在学bootstrap这一部分的网课时，在弹幕上看到一些同学说bootstrap已经过时了，这里谈谈我的看法
spring-boot 1.5.15引入js无效解决方法
For_That的博客
11-25 186
在html引入js的时候发现并无作用 并且没有发现什么错误。 在浏览器的时候查看请求资源的时候发现出了错误。 发现浏览器并没有请求而且浏览器的&lt;script&gt;引入也有问题。（右键检查） bootstrap.js,请求2次 jquery.js 觉得可能是&lt;script&gt;引入结束的的问题 于是换一种结束使用&lt;script&gt;&lt;/scrip...
springboot中引入jquery无效
qq_37866023的博客
03-21 2463
公式：$（selector）.action() 相关网址 https://jquery.cuishifeng.cn/ jQuery.com https://www.w3school.com.cn/jquery/jquery_install.asp spring boot引入jquery时可以通过： 1、本地引用 //放在static/js下 <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script&gt
项目排坑---Spring security to execute script from ‘http://localhost:8080/login.html‘
gangxuec的博客
12-20 163
这两天复习自己的项目发现了一个bug，重置密码里有个刷新验证码的功能突然刷新不了了，按F12调试发现出现Refused to execute script from ‘http://localhost:8080/login.html’ because its MIME type (‘text/html’) is not executable, and strict MIME type checking is enabled.login.html。
Spring Boot 静态资源处理
08-26
在Spring Boot应用中，静态资源处理是一个非常关键的组成部分，因为它们通常包含了应用程序的HTML、CSS、JavaScript和其他前端资产。Spring Boot提供了优雅的方式来管理和提供这些静态资源，使得开发者能够更专注于...
Spring Boot开发（六）静态资源映射
m0_53698336的博客
11-15 5930
在 Web 应用中会涉及到大量的静态资源，例如 JS、CSS 和 HTML 等。我们知道，Spring MVC 导入静态资源文件时，需要配置静态资源的映射；但在 SpringBoot 中则不再需要进行此项配置，因为 SpringBoot 已经默认完成了这一工作。 Spring Boot 默认为我们提供了 3 种静态资源映射规则： WebJars 映射 默认资源映射 静态首页（欢迎页）映射 WebJars 映射 WebJars 是将客户端（浏览器）资源（JavaScript，Css等）打成 Jar
Refused to execute script from 'http://localhost:8080/login' because its MIME type ('text/html') is
weixin_42767642的博客
03-22 1万+
前端报错Refused to execute script from 'http://localhost:8080/login' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled login.js报错 但是排查问题貌似没有问题 关于后台权限 ...
一个Springboot项目页面中CSS,JS文件加载失败的问题
太酷啦
07-06 4192
用浏览器打开页面有样式，但是整个项目跑起来的时候跳转的页面就会丢失样式，浏览器控制台会报错提示这些文件加载失败。页面内引入样式表，看起来没有任何问题，相对路径没有错误，也没有报错。......
springboot访问静态页面，并加载css、js样式
qq_45947664的博客
09-16 6028
src="/js/jquery.min.js" 也就是地址 src="/static/js/jquery.min.js"2、因为是通过地址栏访问，所以使用@GetMapping注解，注解后的内容可随意写，访问时的地址就是：“3、return“ ”里面填的字符串一定要是自己放入templates里的html页面的名字。1、一定要用@Controller注解，不能用@Restcontroller；虽然href或src内的内容idea会标识不认识，但地址是没有问题。
【Java Web问题解决】Tomcat报错javax.servlet.ServletException: Error instantiating servlet class.报错404
菜鸟的后花园
09-07 2万+
Tomcat报错:javax.servlet.ServletException: Error instantiating servlet class. 报错404：The origin server did not find a current representation for the target resource or is not willing to disclose that one...
解决 javax.servlet.ServletException
AntKengElephant的博客
01-08 1万+
项目无法导入 import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.ht...
Spring Boot无法访问css，js等静态资源的问题
热门推荐
无_言的笔记本
09-18 9万+
在intellij IDEA中编写了一个Spring Boot项目，运行时发现外链的css样式无法载入进页面，但是按住Ctrl又能点进css文件，这证明编辑器是能识别到这个css文件的。那么浏览器中的网页没有css样式的原因就在于spring boot对静态资源的访问方式了。原理spring boot框架里面包括了很多spring框架大家族的默认配置文件，其中的springmvc配置文件中有对静态资
SpringBoot引用js文件
FromNowOnUntilTheEnd
03-05 2万+
自己建个文件夹在该目录下，然后html中 <script src="js/article/change_input.js"></script> <script src="/js/article/change_input.js"></script> src="/js/article/xxxx.js" 就是说最前面有没有那个"/"都...
Java后端面试精华：JDBC+MyBatis深度解析与Spring全家桶
4. 前端技术：虽然题目未明确提及，但前端三大技术（HTML、CSS、JavaScript）和前端框架如jQuery和Bootstrap也是面试中不可或缺的部分，特别是了解如何与后端交互和数据绑定。 面试者需具备扎实的Java基础，对JDBC...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

小胖丨学编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值