web-dev-qa-db-ja.com

リソースのロードに失敗しました：サーバーは404（見つかりません）のステータスで応答しました

リンクの問題を解決できません。これに助けて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

このリンクのディレクトリ構造を参照してください。

enter image description here

javascripthtmlcssrelative-path
52
user3331535

ファイルがjsp folderの下にないため、ファイルが見つかりません。もう一度戻る必要があります1フォルダーこれを試してください：

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

失敗したURLに注意してください。

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

次に、リンクの1つを調べます。

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

「../」は、「含むディレクトリ」または「1つ上のディレクトリ」の省略形です。これは相対 URLです。推測では、<link />および<style />要素を含むファイルが/ jsp/<somefolder> /にあります。

absolute URLを使用することをお勧めします。

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

絶対URLを使用する理由は、リンクが一般的なファイルに含まれていると推測しているためです。 2番目の「../」を追加して相対パスを修正しようとすると、/ jspに含まれるファイルが破損する場合があります。

10
Paul

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>
6
Prasad Joshi

これを構成ファイルに追加します。次に、すべてのリソース（例えば、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" />
4
Ifesinachi Bryan

URLが次の場合：

http://127.0.0.1:8080/binding/

Index.htmlの以下のプロパティを更新します

<base href="/binding/">

つまり、ファイルの場所を確認する必要があります。

4
Swapnil G Thaware

以下のコードを<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>
1
Dark Matter

Startup.csにapp.UseStaticFiles();このコードを追加しましたが、修正されています

0
Metin Atalay

必要に応じて、広告ブロックを無効にする必要がある場合があります。 HTMLページを使用している場合、Visual Studioでのスクリプトパスのドラッグアンドドロップは機能しませんが、mvc、asp.netwebformsでは機能します。私は1時間後にこれを考え出した

0
Hameed Syed

Ionic 3ソリューションnpm i -D -E @ ionic/app-scriptsのApp Scriptをインストールしてください

0
DEEP ADHIYA