Не удалось загрузить ресурс: сервер ответил статусом 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

https://www.dropbox.com/s/31pwda3u4is4qz0/link.png См. ссылку Структура каталогов.

ОТВЕТЫ

Ответ 1

Ваши файлы не находятся в папке jsp, поэтому она не найдена. Вам нужно снова вернуться в 1 папку Попробуйте следующее:

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

Ответ 2

Обратите внимание на неудачный URL:

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.

Ответ 3

Если у вас есть ресурс с расширением woff и получением ошибки, добавьте следующий код в ваше приложение web.config, которое поможет исправить.

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

Для ресурсов, таких как JavaScript или CSS, которые не найдены, укажите путь добавления ссылки или script следующим образом

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

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

Ответ 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" />

Ответ 5

  

Обратите внимание: вам может потребоваться отключить блокировки, если это необходимо. Перетаскивание пути script в visual studio не работает, если вы используете HTML-страницы, но он работает для mvc, asp.netwebforms. Я подумал об этом через час