无法加载资源：服务器响应状态为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"/>

“../”是“包含目录”或“向上一个目录”的简写。这是一个相对网址。猜测，你在/ jsp /＆lt; somefolder＆gt; /中有一个文件，其中包含＆lt; link /＆gt;和＆lt; style /＆gt;元件。

我建议使用绝对网址：

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

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

Answer 3

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

$http.post

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

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

Answer 4

将其添加到配置文件中。然后将所有资源（例如img，css，js等）放入src＆gt;主要＆gt; webapp＆gt;资源目录。

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" />

Answer 5

在<handler>内的web.config上添加以下代码（<system.webServer>）：

<system.webServer>
<handlers>
  <remove name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" />
  <remove name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" />
  <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
  <add name="ExtensionlessUrlHandler-ISAPI-4.0_32bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness32" responseBufferLimit="0" />
  <add name="ExtensionlessUrlHandler-ISAPI-4.0_64bit" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" modules="IsapiModule" scriptProcessor="%windir%\Microsoft.NET\Framework64\v4.0.30319\aspnet_isapi.dll" preCondition="classicMode,runtimeVersionv4.0,bitness64" responseBufferLimit="0" />
  <add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="GET,HEAD,POST,DEBUG,PUT,DELETE,PATCH,OPTIONS" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
</handlers>
</system.webServer>

Answer 6

    

请注意，如有必要，您可能需要停用广告拦截功能。 如果您使用的是HTML页面，那么在Visual Studio中拖放脚本路径不起作用，但它适用于mvc，asp.netwebforms。 我在一小时后想到了这个。

Answer 7

请为Ionic 3解决方案安装App脚本 npm i -D -E @ ionic / app-scripts

Answer 8

我已经在我的startup.cs中添加了app.UseStaticFiles();这个代码，而不是固定的

Answer 9

如果您的网址是：

http://127.0.0.1:8080/binding/

更新index.html中的以下属性

<base href="/binding/">

简而言之，您需要检查文件的位置。

Answer 10

对我来说，错误是js文件夹下的文件未包含在项目中，这解决了我的问题：

1-在解决方案资源管理器的工具栏中，单击“显示所有文件”。

2-打开js文件夹，然后选择该文件夹下的所有文件

3-右键单击，然后选择“包含在项目中”

4-保存并构建您的应用程序，然后正确运行并加载.css和.js文件

Answer 11

我遇到了这个确切的问题，这是因为我将图像从服务器返回到距离路径1步的组件中。这就是我的意思。查看文件排列

*projectfolder/phpfiles/component.php*

现在我的图片文件夹位于此处 projectfolder / images /

现在，我通过添加 ../ 对其进行了修复，以便它可以向后跳过1步

好运