前端不显示CSS样式：报错GET http://localhost:8080/××× net::ERR_ABORTED 404

最新推荐文章于 2024-04-23 16:26:38 发布
最新推荐文章于 2024-04-23 16:26:38 发布
阅读量1w 收藏 5
点赞数 4
分类专栏： HTML 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52625549/article/details/124482947
版权

前端CSS样式不显示，发现是js文件未找到！

编写好html代码后，启动服务器，打开页面，发现css样式不显示！！！

按F12，发现报错：GET http://localhost:8080/hssnw/static/assets/vendor/php-email-form/validate.js net::ERR_ABORTED 404

这个问题对于刚入门Web的萌新来讲，是一个摸不着头脑的问题。尤其是将网上的网站模板直接导入到python或者java的。

明明把js文件、图片都放在了目录下，并且路径也没有问题，为什么启动起来，前端就是不显示样式呢？

直接讲解决办法：

新建一个static文件夹，将所有的配置文件都防止在static文件夹下。同时修改html文件中的路径。例如：

然后重启服务器，再去刷新页面，即可完成css样式的显示！！！

Haodong丶
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
解决docker CMD/ENTRYPOINT执行sh脚本报: not found/run.sh:
01-20
Dockerfile配置没有问题，为什么执行ENTRYPOINT命令时一直错误？ 容器一启动就退出了。 查了不少资料，想了好久才发现原因。 run.sh是被COPY指令复制到容器中的，而本机是windows，默认的换行符是\n，故而复制过去无法被执行。 解决办法很简单，切换文件格式为LF即可。 补充知识：docker中启动容器时CMD调用的sh脚本中if命令报未预期的符号 if[[的解决办法 最近通过Dockerfile编写镜像，CMD中调用的是sh脚本（start.sh）进行启动容器，通过docker run启动时，启动不成功，进行docker logs 容器ID，发现报错为：未预期的符
sudo apt-get install ethereum遇到E: Failed to fetch http://ppa.launchpad.net/, Unable to fetch some等
01-08
在Ubuntu上搭建以太坊环境时，每次到sudo apt-get install ethereum这一步都会变得巨卡无比，并且经常遇到这个问题： Err:1 ...
解决:GET http://localhost:8080/static/js/jquery.min.js net::ERR_ABORTED 404
热门推荐
潘小蓝的博客
08-16 4万+
由于 js 文件没有正确引入,导致页面的很多效果无法展示。这个问题我也从网上找了很多的解决办法,最后阴差阳错的解决了,以下是参考的一些解决方式。 如果你遇到下面跟我一样的问题,希望下面的解决方式能够对您有所帮助。 首先要确保引用的路径是正确的: <script src="${pageContext.request.contextPath}/static/js/jquery.min.js"></script> 在 spring-mvc 文件中添加下列内容: &.
(简单详细解决)SpringBoot 前台页面get不到js,css文件 net::ERR_ABORTED 404
qq_43168682的博客
07-19 1025
https://blog.csdn.net/YiQieFuCong/article/details/85009401
【vue】vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
12-22 5212
vue打包项目线上爆出net::ERR_ABORTED 404 (Not Found)解决办法集合
解决前端网页引入JS文件出现net::ERR_ABORTED
森的博客
06-01 5868
使用了js库文件，但是样式无法显示，按F12查看发现出现如下错误： 经过查找发现是自己网页写的有问题 引入js的时候一定要注意编码格式规范，要写type=“text/javascript” 项目重启一下，这个报错消失，又出现其他错误。 待解决 ...
解决访问 http://localhost:8080/ 报404错误问题
weixin_42564128的博客
08-07 1万+
原因：eclipse将tomcat的项目发布目录（tomcat 目录中的webapp）重定向了,所以你会发现在tomcat安装目录下的webapp目录里面找不到你的项目文件。 解决方法： 重新配置下tomcat服务器， 1.选择Use tomcat installation(Task control of Tomcat installation) 即选择tomcat的安装目录来作为项目的发布目录。 2.将Deploy Path的默认值"wtpwebapps"改成"webapps"。 ...
vue 部署在页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
qq_37807767的博客
03-20 8600
vue项目在nginx上部署正常 这里写目录标题vue项目在nginx上部署正常问题解决拓展 最近接了一个新项目,有一个模块测试,必须在甲方爸爸指定的终端上测试… 好,为了所谓的安全,可以! 过了几天… 撸了几天的代码,发量又依稀减少了, 终于 本地联调,在nginx上部署成功啦!!! 拿着装好打包完成的u盘 经历了几个环节终于把文件用 xftp 拖到了服务器上. 嗯?看着部署小哥一顿操作,把我的小宝贝放到了tomcat下,心里涌起来一股不好的感觉… 这…这和我想的不太一样啊! 果不其然… 问题 net:
GET http://localhost:8080/ssm/static/css/font.css net::ERR_ABORTED 404项目中css样式加载不上的情况解决方法
qq_44358041的博客
09-09 1万+
在一次写项目中，偶然的发现了一个常见问题，在网上找了一圈资料，讲的不是特别详细，最后来一次总结吧。 无非就是那么几点 1，应该可以解决百分之90的问题 如果你的项目前一天还好好的能跑，第二天跑的时候css样式加载不上去，可以尝试一下把css样式全部从项目中删掉，不过要提前做好备份哦。 删掉以后重新导入，并在jsp中重新引入，可以加上绝对路径。 <link rel="stylesheet" h...
解决Chrome在新版MacOS上报错 NET::ERR_CERT_WEAK_KEY 的问题
10-15
主要介绍了解决Chrome在新版MacOS上报错 NET::ERR_CERT_WEAK_KEY 的问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
springboot和freemarker引入静态文件报错net::ERR_ABORTED 404
enthan809882的博客
12-07 1552
引入后页面控制台报错：net::ERR_ABORTED 404 说明没有找到文件。解决办法，修改application.properties： #spring.mvc.static-path-pattern=/static/** spring.resources.static-locations=classpath:/static 页面引入代码如下： <#assign path="${s...
前端加载404(Not Found)问题常用的解决方法
你好！我是派大星，一个热爱分享的个人博客作者。我的博客致力于分享关于前端开发的知识、见解和经验。通过我的文章，实用技巧和个人心得。无论是解决问题、获取新知识，还是激发创造力和热情，我的目标是为读者提供有价值的内容和启发思考的观点。
04-19 8194
前端404问题是指在页面中访问不存在的资源时出现的页面404错误
SpringBoot静态资源运行加载时提示404找不到
小远的博客
08-29 562
SpringBoot项目运行时，CSS、JS等静态配置文件找不到，报错信息：GET http://localhost:8080/static/css/semantic.min.css net::ERR_ABORTED 404
解决:GET http://localhost:8080/static/js/jquery.min.js net::ERR_ABORTED 404的相关问题
qq_45130645的博客
04-20 5977
先判断你写的路径是否正确，我的是之前一直可以，后面突然发现加载不出404了。 String url = request1.getRequestURI(); // URL:除了login.jsp是可以公开访问的，其它的URL都进行拦截控制 if(url.indexOf("/login")>=0||url.charAt(url.length()-1)=='/'||url.indexOf("/code")>=0||url.indexOf("/static")>=
【vue打包】线上部署报错net::ERR_ABORTED 404 (Not Found)
SunPeng的博客
02-10 5046
线上部署报错net::ERR_ABORTED 404 (Not Found)
解决引入JS文件出现net::ERR_ABORTED 404 (Not Found)
GD_vigoss的博客
03-14 6888
引入的时候一定要注意编码格式规范，要写type=“text/javascript”（注意是中文的双引号）
SpringBoot项目打包分离高阶操作
最新发布
Record Little
04-23 741
虽然传输jar包 比较大，但是安全性、稳定性比较高，不需要关注pom.xml 添加了新的依赖、更新了版本号等等影响版本功能的操作。关注maven的特性， profiles即可满足， 根据不同的activation 状态，激活不同的build操作。每次修改一小部分代码或仅仅更新某个依赖jar包时，都需要重新进行整个项目的构建、打包、上传和部署。但是当你的项目趋于稳定，只有业务上的逻辑变更时，如果使用分离版本，可以加快迭代、更新的速度。弊端： 需要配置IDE命令，修改依赖时需要同时修改2处。
GET http://localhost:8080/lbsv2/css/dashboard.4eb6cc3e.css net::ERR_ABORTED 404
09-09
根据提供的引用内容，GET http://localhost:8080/lbsv2/css/dashboard.4eb6cc3e.css net::ERR_ABORTED 404 是一个错误消息，说明在访问 http://localhost:8080/lbsv2/css/dashboard.4eb6cc3e.css 时出现了404错误，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值