关于页面路径对，但引用js、css等总是报404的原因

最新推荐文章于 2025-05-28 17:32:14 发布
原创 最新推荐文章于 2025-05-28 17:32:14 发布 · 2.8w 阅读 · 7 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#java

本文分享了一次解决网站404错误的经历。作者通过排查发现，错误原因并非路径配置问题，而是不当使用了‘/’符号，导致所有文件被过滤，无法正常加载资源。文章提醒开发者注意此类细节，避免因小失大。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

    一般遇到404的问题时，总是产生路径不对的惯性思维。今天遇到一个很郁闷的问题。我的路径配置采用的已经是绝对路径了，而且没错，却一直报404的错误。

后面发现是这样的问题。

红色圈圈处，一开始用了'/'导致过滤了所有文件。所以无法正常引用。


记住这种小错误，防止之后再粗心。

Web项目中前端页面引用外部Js和Css的路径问题
Cockroach的博客
06-22 1705
Web项目中前端页面引用外部Js和Css的路径问题 一般我们在做Web项目时，通常会将多个页面引入的公共js和css文件抽取出来，单独写成一个公共文件，以期方便各个页面单独引入，达到复用。 1. 抽取分离公共的js和css代码，并新建成一个文件取名 common.jsp。 <%@ taglib prefix="yy" uri="http://java.sun.com/jsp/jstl/core"%> <yy:set value="${pageContext.request.contex
unigui_css引用路径
12-10
在Unigui开发中，CSS（层叠样式表）的引用路径是至关重要的，它决定了应用程序界面的样式表现。Unigui是一个基于Delphi的Web应用程序框架，它允许开发者使用Delphi的VCL组件来创建Web应用，同时支持HTML5、CSS3和...
页面路径正确，但引用js、css等总是报404的原因
wing的博客
08-23 1万+
https://blog.youkuaiyun.com/qq_27437301/article/details/73335555
路径对了却报404
热门推荐
dingyingying521的博客
11-07 1万+
前两天遇见个问题，页面配置了几个请求后台接口的路径，启了服务，其中有一个如何运行都是报404，其他的都可以。 报404错误，直接想到的就是路径错误，于是从这方面着手查问题。由于该报错路径和其他路径的配置都相同，也是按正常方式来配的，应该不会是这个问题，且按网上的方法重新打包、清缓存、重启服务都行不通。 于是换个想法会不会是代码报错报的404？于是查代码发现是向数据库交互时报错，线程停掉，没有返回
Ketcher 插件vue项目打包后，js和css文件404，问题解决-原创
最新发布
yuanwei0527的博客
05-28 157
还有另外一个问题，就是这三个文件加载不出来，查看源码，发现还是打包后的路径问题；复制一份到上一级目录下，和standalone同级，问题全部解决。以上，项目打包后，404问题解决；这里换成全部的路径地址。
webpack中index.html引入js文件报错404问题处理
weixin_43837268的博客
02-25 2397
1、index.html <script src="/test.js"></script> 2、webpack.config.js【打印查看路径】 devServer = { static: join(__dirname, './public'), // 将 public 目录下的文件，作为可访问文件。 } console.log(123456789,join(__dirname, './public')); // 打印查看路径 ...
SpringBoot中html引入js文件报错：net::ERR_ABORTED 404
炫风丶小子
10-10 3318
备忘一下这个问题的解决方法之一，防止以后我在跳坑。 关于这个问题网上有很多的解决办法，我一开始也是各种方法都尝试了，还是解决不了，后来发现了问题所在。 注： js文件放在了resources->static->js目录下 因为配置文件中配置了 server.servlet.context-path=/sys 所以在引入js时这样写的时候，就会报错net::ERR_ABORTED 404。 <script type="text/javascript" src="/js.
js 文件报 404 错误
kjrim的博客
04-30 3201
问题： GET http://localhost:8080/js/echarts.simple.min.js net::ERR_ABORTED 404 前端页面报404 错误，获取不到js文件 解决方式： IDEA 不能自动编译 js 文件，通过 mvn：clean 项目之后重新启动，项目正常，错误消失。 ...
SpringBoot页面跳转访问css、js等静态资源引用无效解决.docx
06-03
在SpringBoot应用中，开发人员经常遇到一个常见问题，即在尝试访问页面时，CSS、JavaScript等静态资源引用失效。这通常是因为SpringBoot的默认资源配置导致的。在本篇文章中，我们将深入探讨这个问题的原因以及解决...
CSS与JS中的相对路径引用简单介绍
09-25
通过上面的介绍，我们可以看到，虽然CSS和JavaScript中的相对路径引用在概念上很简单，但在实际应用时却隐藏着容易忽视的陷阱。开发者必须了解相对路径的基准差异，以及在不同场景下采用合适的方式来引用资源，才能...
如何使用php脚本给html中引用的js和css路径打上版本号
10-23
要使用PHP脚本给HTML中引用的JavaScript和CSS文件路径加上版本号，主要目的是解决当文件内容更新时，由于浏览器缓存机制导致用户无法实时看到最新的文件内容的问题。通过给文件路径添加唯一的版本号，可以强迫浏览器...
关于请求路径正确，一直404的原因
weixin_44705003的博客
07-29 7627
关于请求路径正确，一直404的原因 今天在做一个springboot项目是遇到了一个很头疼的问题，请求路径正确，但是一直404 在解决问题之前，我们先知道下@ComponentScan这个注解， 在springboot项目中，在启动类上使用这个注解要注意： 当用@ComponentScan了这个注解，原来@SpringBootApplication这个注解的扫描规则将失效，要想让以前@SpringBootApplication这个注解扫描的包被扫描到，必须把包路径加入@ComponentScan中**@Co
项目下目录正确，却出现404
weixin_30421809的博客
09-27 578
1. 直接原因是你项目的部署位置中该路径不存在，你可以去部署位置大目录下（对IDEA而言，默认就是out目录，就在你项目下）下删除对应项目的文件夹，然后重新运行，会重新生成目录，即可解决问题 2. 如果你将整个大目录删了，项目的文件夹无法生成，依然报如题错误，此时需要重新生成输出文件夹（未生成时，Artifacts的 <output root>下...
浏览器报错 ../js/template-web.js net::ERR_ABORTED 404 (Not Found)
qq_37800258的博客
03-16 455
浏览器报错：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
java中调用外部js文件路径_引用外部.css或.js文件的路径问题
weixin_35540389的博客
02-27 628
-webapp|-MyProject目录|--WebContent目录|---scripts目录---dtree.js文件|---styles目录---main.css文件|---pages目录---test.jsp文件现在例如要在test.jsp中引用scripts目录下的dtree.js和styles目录下的main.css有如下几种方法：1.使用相对于jsp页面的相对...
jquery明明正常引用但是还是报404错误
CXYCMY的博客
11-07 1840
jquery引入后显示404
element tree不刷新视图_Vue项目布署后，刷新页面404的真正原因找到了
weixin_39637285的博客
10-27 321
从一篇日记说起我是一个小前端，我有写日记的习惯2020年10月17天气 晴今天天气不错，心情也跟着好起来了辛辛苦苦加班两个星期终于完成了产品需求，到了要上线的时候了，嘴里也不知不觉哼起了“劳资今晚不加班”的小曲一顿操作猛如虎，终端执行npm run build一把梭，将构建产出的 dist 文件夹扔给了发际线愈发上移的后端同学，让其帮忙布署到服务器上不一会，后端同学说项目布署好了，...
问题收集:js,jq和css等关于路径的问题,需要注意一下.
u33445687的博客
06-27 230
    问题描述:最近在写一个小项目,是把别人的商城项目源码拿过来,重新编写一遍.结果发生很多的路径问题.其中最严重的是前台找不到了后台的controller层代码.出现了上述问题.原因分析:这是因为路径的问题.在这里tomcat中的Modules中的设置问题.这样设置的话,所有的路径只能使用 相对路径 ,需要往上层去找.修改方式:将tomcat中的Modules中设置为:这样的话,所有的路径都默...
HTML+CSS实现酷炫的404错误页面
qq_41775769的博客
04-27 5091
一、酷炫的404错误页面效果图 二、文件结构展示 使用的开发工具是：Webstorm 三、源码区 1.html文档(index.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=...
c# 文本页面 引用JavaScript和css
11-21
在C#中创建文本页面并引用JavaScript和CSS通常是在HTML5中进行的，因为C#主要是用于.NET框架下的后端开发语言，而HTML、CSS和JavaScript则是前端技术。以下是步骤： 1. **创建HTML文件**：在C#项目中，你可以通过添加一个新的HTML页面来开始。这个文件会包含`<head>`部分用于引用CSS和JavaScript，以及`<body>`部分用于放置实际的网页内容。 ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>我的C#文本页面</title> <!-- 这里引用CSS --> <link rel="stylesheet" href="styles.css"> <!-- 这里引用JavaScript --> <script src="scripts.js"></script> </head> <body> <!-- 在这里放你的HTML内容 --> </body> </html> ``` 2. **存放外部资源**：将`styles.css`和`scripts.js`分别保存到项目的`Content`或`Scripts`目录下。C#应用默认会处理这些路径的访问。 3. **编写JavaScript和CSS**：在对应的`.js`文件中编写JavaScript代码，而在`.css`文件中编写样式规则。比如，在`scripts.js`中可以编写交互逻辑，而在`styles.css`中设置样式属性。 4. **使用脚本标签**：在HTML中通过`<script>`标签引入JavaScript，如上面的例子所示。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值