JSP Внезапно прекратил отправку CSS - PullRequest
Новая
       2

JSP Внезапно прекратил отправку CSS

0 голосов
/ 24 февраля 2020

У меня есть проект JavaEE, работающий на tomcat. Мой JSP выглядит следующим образом.

Он находится в моей папке WEB-INF и вызывается через сервлет. У меня есть содержимое c, например CSS, вне WEB-INF в моей папке ресурсов. До сих пор все было хорошо - JSP обращался к CSS и отображал прекрасную веб-страницу, но внезапно стиль перестал появляться. Я буквально не знаю почему, потому что я ничего не изменил. Когда я просматриваю источник и проверяю элемент в нескольких браузерах на нескольких устройствах, я обнаруживаю, что стили CSS даже не загружаются JSP. Как будто таблица стилей не существует.

Это определенно не проблема с моим JSP, так как я пробовал ${pageContext.request.contextPath} так же, как пытался <c:url ... />, но ни один из них не помог решить проблему. Я также попытался переместить CSS в каталог WEB-INF, но это тоже не сработало.

Я создал новый JSP с использованием шаблона vanilla JSP от Intellij, и, похоже, также возникли некоторые проблемы при доступе к файлам CSS, поэтому проблема представляется в рамках всего проекта.

Проблема в том, что я понятия не имею, что еще может повлиять на JSP, чтобы не получить файлы CSS.

Вот мой JSP 

<%--
  Created by IntelliJ IDEA.
  User: micro
  Date: 2/6/2020
  Time: 9:19 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="<c:url value = '/resources/css/mystyles.css' />">
    <title>Chirag Kawediya - Homepage</title>

</head>
<body>
<nav class="navbar sticky-top navbar-expand-md navbar-dark bg-dark container" style="margin-bottom: 5px !important;">
    <a href="#" class="navbar-brand" id="main-logo" >Chirag Kawediya</a>
    <button class="navbar-toggler" data-toggle="collapse" data-target="#navigation">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="navigation">
        <ul class="navbar-nav ml-auto mr-2">
            <li class="nav-item"><a href="#" class="nav-link">international movie blog</a></li>
            <li class="nav-item"><a href="#" class="nav-link">stuff i made</a></li>
        </ul>
    </div>
</nav>

<div class="container">
    <div class="row">
        <div class="col-lg-9 col-md-8 col-sm-12 bg-white border border-dark" style="background-image: url('${pageContext.request.contextPath}/resources/images/MyPortrait.JPG'); background-size: cover;">
            <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        </div>
        <div class="col-lg-3 col-md-4 col-sm-12 bg-white pt-3">
            <h1>welcome</h1>
            <p>I am Chirag Kawediya. I made this website to keep track of my multiple interests simultanenously. As an avid movie-goer,
                I started to watch foreign language films. Now I write about them in my <a href="#">International Movie Blog.</a> In addition,
                I code (mostly in Java), and I will be putting some of my creations on my website <a href="#">here.</a></p>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-3 col-md-3 col-sm-12 bg-dark pt-1">
            <nav class="navbar navbar-dark bg-dark">
                <a href="#" class="navbar-brand mt-1 mb-auto">recent posts</a>
                <ul class="navbar-nav">
                    <c:forEach var="post" items="${posts}">
                        <li class="nav-item"><a href="${pageContext.request.contextPath}/post?id=${post.id}" class="nav-link"><c:out value="${post.title}" /></a></li>
                    </c:forEach>
                </ul>
            </nav>
        </div>
        <div class="col-lg-9 col-md-9 col-sm-12 bg-white pt-3">
            <h2>about me</h2>
            <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p>
        </div>
    </div>

    <footer>
        <div class="row" style="margin-bottom: 0 !important;">
            <div class="col-lg-4 col-md-4 bg-dark text-white pt-3 pl-4">
                <b>Links</b>
                <nav class="navbar navbar-dark bg-dark ml-n3">
                    <ul class="navbar-nav" style="line-height: 0.5 !important;">
                        <li class="nav-item"><a href="#" class="nav-link">Homepage</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">International Movie Blog</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Stuff I Made</a></li>
                        <li class="nav-item"><a href="#" class="nav-link">Resume</a></li>
                    </ul>
                </nav>
            </div>
            <div class="col-lg-4 col-md-4 bg-dark text-white pt-3 pl-4">
                <b>Contact Information</b>
                <p>Phone: +1 (XXX) XXX-XXXX</p>
                <p>Email: example@gmail.com</p>
            </div>
            <div class="col-lg-4 col-md-4 bg-dark text-white pt-3 pl-4 pr-auto">
                <b>Other Stuff</b>
                <nav class="navbar navbar-dark bg-dark ml-n3">
                    <ul class="navbar-nav" style="line-height: 0.5 !important;">
                        <li class="nav-item"><a href="http://coolmathgames.com" class="nav-link">CoolMathGames</a></li>
                        <li class="nav-item"><a href="http://google.com" class="nav-link">Google</a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </footer>

</div>


<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>

Вот мой веб. xml на тот случай, если виновником является 


<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">


    <welcome-file-list>
        <welcome-file>homepage</welcome-file>
    </welcome-file-list>

    <context-param>
        <param-name>DBusername</param-name>
        <param-value>root</param-value>
    </context-param>

    <context-param>
        <param-name>DBpassword</param-name>
        <param-value>chirag12</param-value>
    </context-param>

    <context-param>
        <param-name>uploadFilePath</param-name>
        <param-value>/usr/share/websitestuff</param-value>
    </context-param>

    ...
    a ton of servlet mappings that I edited out
    ...
    <servlet>
        <servlet-name>CommentCreator</servlet-name>
        <servlet-class>CommentUploader</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>CommentCreator</servlet-name>
        <url-pattern>/new-comment</url-pattern>
    </servlet-mapping>

    <error-page>
        <error-code>404</error-code>
        <location>/404</location>
    </error-page>

    <servlet>
        <servlet-name>testservlet</servlet-name>
        <servlet-class>TestServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>testservlet</servlet-name>
        <url-pattern>/test</url-pattern>
    </servlet-mapping>

</web-app>

ТАКЖЕ похоже, что bootstrap css, на который я ссылаюсь , зарегистрирован и загружен JSP. Итак, похоже, что просто содержимое внутри папки webapps моего проекта, которую я пытаюсь загрузить, не загружено. Любая помощь будет принята с благодарностью! Спасибо!

tl; dr JSP полностью игнорирует ресурсы, которые находятся в папке веб-приложений (или даже в WEB-INF), как если бы их не было

ОБНОВЛЕНИЕ: Проблема стала еще более странной. Я также понял, что сервер, кажется, даже не интерпретирует ничего, что не заканчивается. jsp, если это не сервлет. Если я захожу на mywebsite.com/page-that-does not-exist, я не получаю 404, хотя должен был бы. Если я захожу на сайт mywebsite.com/page-that-does not-exist.jsp, я получаю 404. По сути, только JSP окончания файлов не игнорируются, а остальные - в том, что касается веб-приложения. , Я действительно не знаю, что это значит или как я могу это исправить.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...