无法加载资源:服务器响应状态为404(未找到)

Question

我无法解决我的链接问题.你能帮忙解决这个问题,将CSS和JS文件联系起来吗？

CSS:

<link  href="../Jquery/jquery.multiselect.css" rel="stylesheet"/>
<link  href="../Jquery/style.css" rel="stylesheet" />
<link  href="../Jquery/prettify.css" rel="stylesheet" />

JS:

<script  src="../Jquery/jquery.multiselect.js"></script>
<script  src="../Jquery/prettify.js"></script>

错误:

Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/style.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/prettify.css
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.js
Failed to load resource: the server responded with a status of 404 (Not Found) http://localhost:8080/RetailSmart/jsp/Jquery/prettify.js

请参阅此链接目录结构.

Answer 1

您的文件不在jsp文件夹下,这就是找不到它的原因.你必须再回去1个文件夹试试这个:

     <script  src="../../Jquery/prettify.js"></script>

Answer 2

请注意失败的网址:

Failed ... http://localhost:8080/RetailSmart/jsp/Jquery/jquery.multiselect.css

现在检查一下你的链接:

<link href="../Jquery/jquery.multiselect.css" rel="stylesheet"/>

"../"是"包含目录"或"向上一个目录"的简写.这是一个相对 URL.猜测,/ jsp/<somefolder> /中有一个文件,其中包含<link />和<style />元素.

我建议使用绝对 URL:

<link href="/RetailSmart/Jquery/jquery.multiselect.css" rel="stylesheet"/>

使用绝对URL的原因是我猜测链接包含在一些常见文件中.如果您尝试通过添加第二个"../"来更正相对路径,则可能会破坏/ jsp中包含的任何文件.

Answer 3

如果您的资源具有woff扩展并且收到错误,那么在web.config应用程序中添加以下代码将有助于修复.

<system.webServer>
<staticContent>
   <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
</system.webServer>

对于未找到的JavaScript或CSS等资源,请按以下方式提供添加链接或脚本的路径

<link ref="@(Url.Content("path of css"))" rel="stylesheet">

<script src="@(Url.Content("path of js"))" type="text/javascript"></script>

Answer 4

将此添加到您的配置文件中。然后将所有资源（例如 img、css、js 等）放入 src > main > webapp > resources 目录。

public class Config extends WebMvcConfigurerAdapter{
   @Override
   public void addResourceHandlers(ResourceHandlerRegistry registry) {  
    registry.addResourceHandler("/resources/**").addResourceLocations("/resources/");
   }
}

在此之后，您可以像这样访问您的资源。

<link href="${pageContext.request.contextPath}/resources/assets/css/demo.css" rel="stylesheet" />