web-dev-qa-db-fra.com

Échec du chargement de la ressource: le serveur a répondu avec un statut 404 (introuvable)

Je ne peux pas résoudre mon problème de lien. Pourriez-vous aider à lier CSS et JS File?

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>

Erreur:

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

Référez-vous à cette structure de répertoire de liens.

 enter image description here

javascripthtmlcssrelative-path
45
user3331535

Vos fichiers ne sont pas dans le dossier jsp c'est pourquoi il est introuvable. Vous devez revenir en arrière de 1 dossier Essayez ceci:

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

Notez l'URL défaillante:

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

Maintenant, examinez l'un de vos liens:

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

"../" est un raccourci pour "Le répertoire contenant" ou "Répertoire supérieur". C'est un relatif URL. Vous avez sans doute un fichier dans/jsp/<un dossier>/qui contient les éléments <link /> et <style />.

Je recommande d'utiliser un absolute URL:

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

La raison pour utiliser une URL absolue est que je suppose que les liens sont contenus dans un fichier commun. Si vous essayez de corriger votre chemin relatif en ajoutant un deuxième "../", vous pouvez casser tous les fichiers contenus dans/jsp.

8
Paul

Si vous avez une ressource avec l'extension woff et que vous obtenez une erreur, ajoutez le code suivant dans votre application web.config qui aidera à résoudre le problème.

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

Pour des ressources telles que JavaScript ou CSS non trouvé, indiquez le chemin d’ajout du lien ou du script de la manière suivante.

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

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

Ajoutez ceci à votre fichier de configuration. Placez ensuite toutes vos ressources (par exemple, img, css, js, etc.) dans le répertoire src> main> webapp> resources. 

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

Après cela, vous pouvez accéder à vos ressources comme ceci.

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

Ajoutez ce code ci-dessous (<handler>) sur votre web.config dans <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

J'ai ajouté app.UseStaticFiles(); ce code dans mon startup.cs qu'il est corrigé

0
Metin Atalay

Si votre URL est:

http://127.0.0.1:8080/binding/

Mettez à jour la propriété ci-dessous dans le fichier index.html 

<base href="/binding/">

En bref, vous devez vérifier l’emplacement des fichiers.

0
Swapnil G Thaware

 

Notez que vous devrez peut-être désactiver adblocks si nécessaire . Le glisser-déposer du chemin de script dans Visual Studio ne fonctionne pas si vous utilisez des pages HTML, mais cela fonctionne pour mvc, asp.netwebforms . J'ai pensé ceci après une heure

0
Hameed Syed

S'il vous plaît installer App Script pour Ionic 3 Solution Npm i -D -E @ ionic/app-scripts

0
DEEP ADHIYA