SpringBoot中html引入js文件报错：net::ERR_ABORTED 404

最新推荐文章于 2025-10-15 13:41:03 发布
原创 最新推荐文章于 2025-10-15 13:41:03 发布 · 3.3k 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
SpringBoot

当前文章被收录于：

SpringBoot
3 篇文章 0 人学习

SpringBoot相关文章

订阅专栏 查看详情
本文介绍了一个常见的JavaScript文件引入路径错误及正确解决方案。当配置文件设置了特定的上下文路径时，如/server.servlet.context-path=/sys，直接引用/js/jquery-3.5.1.js会导致404错误。正确的做法是在路径前加上配置的上下文路径，即/sys/js/jquery-3.5.1.js。

备忘一下这个问题的解决方法之一，防止以后我在跳坑。

关于这个问题网上有很多的解决办法，我一开始也是各种方法都尝试了，还是解决不了，后来发现了问题所在。

注：

js文件放在了resources->static->js目录下

 

因为配置文件中配置了

server.servlet.context-path=/sys

所以在引入js时这样写的时候，就会报错net::ERR_ABORTED 404。

<script type="text/javascript" src="/js/jquery-3.5.1.js"></script>

正确的写法应该是这样的

<script type="text/javascript" src="/sys/js/jquery-3.5.1.js"></script>

他的请求路径变成了这样：

标签
#js
傻白入门芯片设计，指令集架构、微架构、处理器内核（十一）
qq_46675545的博客
12-05 5936
通俗理解指令集架构、微架构和处理器内核的关系
15、运行语音识别应用：从Mac到微控制器的部署指南
最新发布
l3m4n的博客
10-15 43
本文详细介绍了如何在Mac上运行语音识别应用，并将其部署到Arduino Nano 33 BLE Sense和SparkFun Edge等微控制器设备上的完整流程。内容涵盖应用构建、设备特定的音频与输出实现、部署步骤、常见问题解决方案及进一步优化建议。通过本指南，开发者可快速实现基于TensorFlow Lite的嵌入式语音识别系统，并根据需求进行自定义修改与功能扩展。
springboot访问请求404解决方法
pleaseprintf的博客
04-04 9158
如：启动程序在包名 com.yang.test.ymkribbonconsumer下，则会查找所有 com.yang.test.ymkribbonconsumer下的文件以及 com.yang.test.ymkribbonconsumer 下的所有子包里面的文件。新手在刚接触springboot的时候，可能会出现访问请求404的情况，代码怎么看都是对的，但就是404。在十分确定代码没问题的时候，可以看下自己的包是不是出问题了，什么意思么？这种路径就会报404。这样就不会报404了。
最新2022年北京市道路矢量图层shp格式数据下载
最新2022年北京市道路矢量图层shp格式数据下载，覆盖几乎所有道路，wgs84坐标，带道路属性，几十万条数据，2022年最新数据
springboot 项目 css，js静态文件404问题。
qq_41078608的博客
01-23 2808
首先springboot 是默认路径没有/resource （这个应该都知道）和/static （主要问题出在这个上边） 两种解决方法： 1.再引用css，js的绝对路径上删除/static，这个方法工作量比较小可以使用。 2.实现WebMvcConfigurer接口，重写addResourceHandlers方法，这样html引用的时候就可以按正常路径/static/**写 再controller同级建立一个config包 添加类： package com.example.demo.controller.
解决JS引入资源错误-net::ERR_ABORTED 404
weixin_44394910的博客
08-01 1万+
1、JS引入资源错误-net::ERR_ABORTED 404 解决：将资源文件地址中的web删除
springboot访问不到js，404
SoWhatWorld的博客
08-03 8150
搭建springboot项目在新建的页面引入jquery,报404，找不到js文件。作为一名后端，对于这个问题，我也是很Dan疼，虽然知道这是被内置的springmvc给拦截了，没放行。可是springboot不熟悉，一顿乱配，毛用没有。经过我这面向百度编程的深厚功底，最终还是找到了答案。 1. 确保的你引入的js格式 type 和 <script></script>...
springboot 2.0 net::ERR_ABORTED 404
Burgess_Lee的博客
06-28 4705
最近在整合一个小的项目，对接微信公众号的项目。开发环境是springboot2.0+jdk1.8基本的。在整合boostrap-table的时候，访问前台页面，提示静态资源找不到，报错net::ERR_ABORTED 404。话不多说，以下是解决方案。 解决方案一 重要事情说三遍 务必确定静态资源路径填写正确； 务必确定静态资源路径填写正确； 务必确定静态资源路径填写正确； 解决方...
【排错】net::ERR_ABORTED 404
微信公众号: 后端码匠
12-11 1万+
先说说为什么导不进去,心急的同学可以直接查看解决方法 出现这个问题是springboot在启动的时候没有带上static下的js和css文件一起跑，还有可能出现只带一部分跑
Springboot-web net::ERR_ABORTED 404（填坑）
余生一个帆的博客
04-09 8820
遇到上面这个问题白白浪费了我一上午时间才解决，此次总结希望可以帮助遇到此坑的小伙伴！ 目录层级 本项目使用的前后端在同一个项目中的Springboot-web 已在yml配置文件中配置静态资源拦截，所以不用考虑在启动类中重写addResourceHandlers(ResourceHandlerRegistry registry)方法 启动服务，访问controller层接口，并跳转到指定ht...
SpringBoot 前台页面get不到js,css文件 net::ERR_ABORTED 404
Hello_GY 的博客
04-16 3628
问题： 最强解决方案，js，css文件导入项目后先重新启动软件 1、保证编码格式正确 js 引入加入type=“text/javascript” css 引入加入rel=“stylesheet” 重启idea软件 重启idea软件 重启idea软件 重要的事情说三遍 每次导入新的css和js都要重新启动。 重启后还是报错再看下面方法**可能这个问题折磨的你都要炸了，尤其是刚开始接触这个...
由GET http://localhost:8080/static/jquery.min.js net::ERR_ABORTED 404错误，引起的SpringBoot配置web静态资源路径问题
ITxiaofeixiang的博客
07-15 4863
由GET http://localhost:8080/static/jquery.min.js net::ERR_ABORTED 404错误，引起的SpringBoot配置web静态资源路径问题 最开始以为是jquery引入问题但是发现并非如此。 检查页面发现，404资源未找到，不可能啊，我在html页面明明可以Ctrl加单机进入jQuery的啊。。。 页面代码和项目结构： 前端login.html，jquery引用： application.yml中关于spring.mvc以及spring.resou
GET http://localhost:8080/node_modules/axios/dist/axios.min.js net::ERR_ABORTED 404 (Not Found)
wuxinhhh的博客
12-18 1039
html通过<script src="/node_modules/blueimp-md5/js/md5.js"></script> 引入，路径正确但是报错GET http://localhost:8080/node_modules/axios/dist/axios.min.js net::ERR_ABORTED 404 (Not Found)。把要引入的js放到resources的static/libs目录下。就可以找到了（我是springboot项目）
Springboot-常见问题
迷路剑客个人博客
03-18 460
Springboot-常见问题 net::ERR_ABORTED 404 我在templates下的html页面，引用js/css文件时报这个错。查了半天没找到原因，最后将引用路径改成如下的就对了： <link rel="stylesheet" href="/bootstrap-4.3.1-dist/css/bootstrap.css"> <script type="tex...
(简单详细解决)SpringBoot 前台页面get不到js,css文件 net::ERR_ABORTED 404
热门推荐
YiQieFuCong的博客
12-14 7万+
可能这个问题折磨的你都要炸了，尤其是刚开始接触这个问题真的感觉太神奇了，还有这种操作。 不着急我们进入主题。 先说说为什么导不进去,心急的同学可以直接查看解决方法 springboot 使用的是Thymeleaf页面引擎，有一种说法是他跟springboot整合没有那么无缝意思就是本身就是有潜在bug，这个问题在日后可能就解决了。 出现这个问题是springboot在启动的时候没有带上sta...
踩坑-项目中的html找不到js文件错误-net::ERR_ABORTED 404
weixin_38367817的博客
07-01 6574
在html中引入外部js的时候，即使在html中看路径是正确(绿色)，但是启动web之后出现还是找不到对应的js，路径错误的问题。 从下面可以看到，启动项目之后，可以通过http://localhost:8080/o2o/resources/js/shop/shopoperation.js，可以访问到项目中的.js文件，但是从Chrome的Source中可以并没有看到项目中的这个js文件，而且可以看到它找js的路径也是错的，所以说明在html中找js文件的路径就是错的。需要修改路径(即使在html中看到的路
Vue打包整合到SpringBoot项目时遇到 js 和 Css 404的问题
春花秋月冬雪风，留得残荷听雨声。
04-18 3754
当使用Vue 和SpringBoot 分别开发前后端，而需要整合部署到同一个项目时，往往会遇到一些奇奇怪怪的问题，出现一些很烦人的错误。本篇文章通过结合自己实践的经验，简单的介绍一下Vue 和SpringBoot整合打包的流程以及出现典型问题的解决方式。 1、首先是通过 npm run build 打包Vue 项目 一般来说可以用默认的设置，直接打包，也可以进行自己的一些修改 对于Vue 2.0 来说，可以通过编辑config/index.js来修改配置 build: { // Templ
Springboot整合Vue，解决css和js报404问题
weixin_44215249的博客
02-22 2017
本文中整合前后端分离开发项目的方式：前端开发好后将构建好的dist下static文件夹复制到springboot的resources下，index.html则直接复制到springboot的resources的static下。 如图： 操作步骤 前端 Vue2.0的打包配置：编辑config/index.js const path = require( 'path' ) module.exports = { build: { index: path.resolve(__dirnam
解决：springboot访问static 404
m0_67393157的博客
04-12 2059
springboot 遇到不能访问静态资源的情况 首先springboot 是默认访问static的 引用JS CSS 路径不需要带上static 如果8080直接访问静态资源 404 This application has no explicit mapping for /error, so you are seeing this as a fallback. 出现这种错误 访问controller一般是没问题的 是静态资源没有加载到tomcat中 看了其他帖子有说在properties中配置路径的 其
SpringBoot 整合JSP
.
11-11 1128
SpringBoot 整合MVC   配置 # 前缀 # spring.mvc.view.prefix = /WEB-INF/jsp/ # 后缀 # spring.mvc.view.suffix = .jsp maven 依赖 &lt;!-- 内嵌tomcat 解析 jsp 依赖 --&gt; &lt;dependency&gt; &lt;groupId&gt;org....
springboot项目引入layui.js报错layer.css?v=3.5.1 net::ERR_ABORTED 404的解决办法
qq3892997的博客
07-21 2358
springboot项目引入layui.js报错layer.css?v=3.5.1 net::ERR_ABORTED 404的解决办法
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值