javascript - soluciona - server error 404

Error al cargar el recurso: el servidor respondió con un estado de 404(No encontrado)

Question

No puedo resolver mi problema de enlace. ¿Podrías ayudar en esto para vincular archivos CSS y 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>

Error:

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

Consulte este enlace Estructura del directorio.

Answer 1

Agregue este código a continuación ( <handler> ) en su web.config dentro de <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 2

Agregue esto a su archivo de configuración. Luego ponga todos sus recursos (por ejemplo, img, css, js, etc.) en el directorio src> main> webapp> resources.

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

Después de esto, puedes acceder a tus recursos de esta manera.

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

Answer 3

He añadido app.UseStaticFiles(); Este código en mi startup.cs que está arreglado

Answer 4

Instale el script de aplicación para la solución Ionic 3 npm i -D -E @ ionic / app-scripts

Answer 5

Si tiene recursos con la extensión woff y obtiene un error, agregue el siguiente código en su aplicación web.config que lo ayudará a solucionar.

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

Para recursos como JavaScript o CSS no encontrados, proporcione la ruta para agregar un enlace o script de la siguiente manera

<link ref="@(Url.Content("path of css"))" rel="stylesheet">
<script src="@(Url.Content("path of js"))" type="text/javascript"></script>

Answer 6

Sus archivos no están en la carpeta jsp , por eso no se encuentran. Tienes que volver de nuevo 1 carpeta Prueba esto:

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

Answer 7

Tenga en cuenta la URL que falla:

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

Ahora examina uno de tus enlaces:

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

El "../" es una abreviatura de "El directorio que contiene" o "Subir un directorio". Esta es una URL relativa . En una conjetura, tiene un archivo en / jsp / <somefolder> / que contiene los elementos <link /> y <style />.

Recomiendo usar una URL absoluta :

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

La razón para usar una URL absoluta es que estoy adivinando que los enlaces están contenidos en algún archivo común. Si intenta corregir su configuración relativa agregando un segundo "../", puede romper cualquier archivo contenido en / jsp.

Answer 8

Tenga en cuenta que es posible que deba deshabilitar los bloques de anuncios si es necesario. Arrastrar y soltar la ruta del script en Visual Studio no funciona si está utilizando páginas HTML pero sí funciona para mvc, asp.netwebs. Pensé esto después de una hora