踩坑-项目中的html找不到js文件错误-net::ERR_ABORTED 404

最新推荐文章于 2024-06-06 16:18:11 发布
最新推荐文章于 2024-06-06 16:18:11 发布
阅读量6k 收藏 1
点赞数 1
分类专栏： 踩坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38367817/article/details/107067750
版权

在html中引入外部js的时候，即使在html中看路径是正确(绿色)，但是启动web之后出现还是找不到对应的js，路径错误的问题。

从下面可以看到，启动项目之后，可以通过http://localhost:8080/o2o/resources/js/shop/shopoperation.js，可以访问到项目中的.js文件，但是从Chrome的Source中可以并没有看到项目中的这个js文件，而且可以看到它找js的路径也是错的，所以说明在html中找js文件的路径就是错的。需要修改路径(即使在html中看到的路径变绿好像没问题)

在我的项目中，需要把html中js文件的路径，原来的路径…/…/…/resources/js/shop/shopoperation.js换成…/resources/js/shop/shopoperation.js，因为虽然shopoperation.html在WEB-INF的子文件夹下，但是只看成在WEB-INF下好像

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

钢铁-程序猿
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
axios访问后台404_使用 axios 后台无法接收到数据的解决方案
weixin_42303616的博客
12-23 929
如果想看排错思路的，可以看完踩坑经历，想直接要结果的，可以直接看解决方案。踩坑经历最近我在使用 SSM + Vue 做自己的小项目。Dao层 和 Service层 之类的代码已经写好了，就差 Controller层 和 Vue 的视图层还没有完成。今天在使用 axios 请求Controller 层时踩到了坑。具体描述如下：我使用 axios 实现登录功能，在将前端输入的登录信息传给 Contro...
域名被防火墙屏蔽后的解决方法(ERR_CONNECTION_RESET)
10-01
ERR_CONNECTION_RESET的解释是：ERR-错误CONNECTION-连接-RESET-重复 Google没有对此错误的解决方案因此会再次提示用户这个网站含有未知错误
浏览器报错 ../js/template-web.js net::ERR_ABORTED 404 (Not Found)
qq_37800258的博客
03-16 395
浏览器报错：ERR_ABORTED 404 今天在项目的HTML文件中引入template.js <script type="text/javascript" src="../common/js/template-web.js"></script> 项目中的引入路径没有问题，但是浏览器运行时报404错误，后面改用命令行npm install art-template --save，先下载art-template，然后再引入node_module中的文件解决 <script
解决引入JS文件出现net::ERR_ABORTED 404 (Not Found)
GD_vigoss的博客
03-14 7056
引入的时候一定要注意编码格式规范，要写type=“text/javascript”（注意是中文的双引号）
常见报错net::ERR_ABORTED 404 (Not Found)
2302_79523175的博客
06-06 304
但是不在node环境中就需要加上；或者在引入js 文件时添加type属性。之前在node环境中引入文件时一般都不加。一般是找不到静态资源，或者引入错误；
js加载html的文件类型,js加载页面警告：即使其 MIME 类型（“text/html”）不是有效的 JavaScript MIME 类型，如何解决？...
weixin_42503264的博客
06-10 5280
分享者:iweb2020 阅读量:15443O 圑 园S 圙圚 D 囻 囼最近调试网页，发现一个问题，火狐开发者工具警告提示：即使其MIME类型(“text/html”)不是有效的JavaScriptMIME类型，仍已加载来自小金子目录的网址。经查询，如果是动态的在输出响应时一定要设置正确的mime-type：js:application/javascriptjson:applicat...
html静态资源访问不到,springboot 项目中css js 等静态资源无法访问的问题
weixin_39985820的博客
05-30 549
问题场景今天在开发一个springboot 项目的时候突然发现 css js 等静态资源竟然都报404找不到，折腾了好久终于把问题都解决了，决定写篇博客，纪录总结一下。给同样踩坑的同学参考一下，同时自己也免得以后忘记了又要重新花时间折腾。项目结构如下：templates 文件目录下的html，引用了static 目录下的css js ,访问的时候报404。引用方式如下问题分析此种写法，网页渲染出来...
vue项目进入页面 报错GET http://192.168.xx.xx/ 404
hjjwinn的博客
01-11 570
vue项目进入页面 报错GET http://192.168.xx.xx/ 404
Linux系统下安装nginx部署vue前端静态资源(踩坑)
m0_57176999的博客
10-19 310
linux，nginx，yum，wget，vue.js
Vue3+Naive踩坑
RequesToGod的博客
07-07 1755
NaiveUI很多组件虽然需要手动操作，但根据个人体验，认为该UI库性能方面的确比较时髦，无愧于新生代的UI组件库。单独新建Message.vue组件,将message挂载在window。 同时需要在xxx.d.ts中添加window相关声明 types>global.d.tsdeclare global是为了在全局命名空间做声明，比如为对象增加一个未定义的属性。 在App.vue入口文件中进行挂载。 实际项目中的使用 通过 window.$message.提示类型即可在全局使用。...
vue发布到nginx下访问资源404，或白屏问题
liulang1905的博客
06-15 2803
这里先说404问题，比较简单就是vue中路由mode的问题 如果不嫌弃地址有#号的话就改成默认hash或者直接将这个属性删了就行，删了直接使用默认 如果说不想地址有#的话配置下nginx即可 nginx配置 try_files $uri $uri/ /index.html; 如果以上已解决您的问题可以不在往下看了，下面只是记录自己的一个踩坑过程，避免以后再犯 我的路由一直是使用的是 history ，没有配置nginx所以有了很多问题 先描述以下错误症状， 一开始发布到nginx下能访问，但是访问一会
解决：DevTools failed to load SourceMap：… net::ERR_HTTP_RESPONSE_CODE_FAILURE的问题
01-08
在Google chrome开发人员控制台中一直报此错误。（虽然只是一个警告，但是体验还是非常不好） 先说解决方案： 第一种： 在Google chrome浏览器调试工具中，设置该调试工具，点开之后选择Settings 关闭此选项 ...
大学生挑战杯-喜树根器官培养和抗癌物质喜树碱生成的研究.rar
07-26
大学生挑战杯-喜树根器官培养和抗癌物质喜树碱生成的研究.rar
b278视频及游戏管理平台-springboot+vue.zip（可运行源码+sql文件+）
07-26
视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。 视频及游戏管理平台是一个很好的项目，结合了后端（Spring Boot）和前端（Vue.js）技术，实现了前后端分离。
大模型应用-为Ollma开发的简单的HTML网页UI应用-附项目源码-优质项目实战.zip
最新发布
07-26
大模型应用_为Ollma开发的简单的HTML网页UI应用_附项目源码_优质项目实战
基于JAVA局域网监听软件的设计与开发(源代码+论文).rar
07-26
基于JAVA局域网监听软件的设计与开发(源代码+论文).rar
net::err_aborted 404
09-16
"net::err_aborted 404" 是指在浏览器加载网页过程中发生了错误。具体来说，HTTP 404 错误表示请求的资源未找到，而 "err_aborted" 表示浏览器请求过程中出现了问题，导致请求被中止了。这种错误通常发生在以下几种情况： 1. 链接错误：404错误意味着浏览器无法找到所请求的资源。可能是因为URL链接输入错误，或网站服务器上没有所请求的页面或文件。这种情况下，您可以尝试重新输入正确的URL，或尝试访问其他页面来确认是否可以正常加载。 2. 网络问题：一些网络问题可能导致请求被中止，例如断开的连接、超时或代理服务器问题。这种情况下，您可以尝试重新加载页面，或者检查您的网络连接是否正常。如果是代理服务器问题，可以尝试禁用代理或更换代理设置。 3. 网站问题：页面可能存在问题，例如被删除、移动或更改了链接地址。这种情况下，您可以尝试刷新页面或者尝试访问其他页面来确认是否是单个页面的问题。 总之，"net::err_aborted 404" 错误提示意味着浏览器无法找到所请求的资源，并且请求过程中出现了问题导致请求被中止。您可以尝试重新加载页面、检查网络连接或尝试其他页面来解决这个问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值