我创建了一个carousel以下引导指南，我有这些图片（它在我的静态设计工作得很好），但前2个图像不能得到的客户端，而它在jsp工作。或者有没有人可以教我如何使他们可以'得到'，而每一个旋转木马显示？
我非常确定'src'的路径没有错误。我已经做得非常好了，并提供了一个应用程序范围属性，它保存了当前的工作目录（pageContext.request.contextPath），并通过使用EL将其保存到每个路径。
下面是一个最小可重复的例子：
（JSP）

<div id="HomeCarousel" class="carousel slide w-full" style="height: 70vh !important;  overflow: hidden;"
             data-ride="carousel">
            <ol class="carousel-indicators">
                <li data-target="#HomeCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#HomeCarousel" data-slide-to="1"></li>
                <li data-target="#HomeCarousel" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner" id="cain" style="max-height: 70vh; min-height: 70vh !important; overflow: hidden ">
                <div class="carousel-item active" style="max-height: 70vh; overflow: hidden ">
                    <img src="${path}/src/img/carousel/0.png" class="block w-full h-full" alt="...">
                    <div class="carousel-caption border-0 shadow bg-black bg-opacity-50 w-1/2 mx-auto rounded-lg" style="bottom: 5px !important">
                        <h5 class="font-mono text-2xl font-semibold ">New Domain Now On Sale</h5>
                        <p>st. $3.99/mo. Get your Internet Show Start Here.</p>
                    </div>
                </div>
                <div class="carousel-item" style="max-height: 70vh; overflow: hidden ">
                    <img src="${path}/src/img/carousel/1.png" class="block w-full h-full" alt="...">
                    <div class="carousel-caption border-0 shadow bg-black bg-opacity-50 w-1/2 mx-auto rounded-lg" style="bottom: 5px !important">
                        <h5 class="font-mono text-2xl font-semibold ">Free DNS and Forwarding...</h5>
                        <p>...if you Buy New Domain Right Here Right Now!</p>
                    </div>
                </div>
                <div class="carousel-item" style="max-height: 70vh; overflow: hidden ">
                    <img src="${path}/src/img/carousel/2.png" class="block w-full h-full" alt="..." style="max-height: 70vh; overflow: hidden ">
                    <div class="carousel-caption border-0 shadow bg-black bg-opacity-50 w-1/2 mx-auto rounded-lg" style="bottom: 5px !important">
                        <h5 class="font-mono text-2xl font-semibold ">Across Gender Top Level</h5>
                        <p><i><b>.mom</b></i> and <i><b>.dad</b></i> domains now AVALIABLE</p>
                    </div>
                </div>
            </div>
            <script>
                // var carousels = document.getElementById('cain').children;
                const ___announceChange = () => { // I found the part that controls bootstrap's carousel, and modified it and try to let it invoke this function...
                    var mxmx = new XMLHttpRequest();
                    mxmx.open('get', '${path}/src/img/carousel/0.png');
                    mxmx.open('get', '${path}/src/img/carousel/1.png');
                    mxmx.open('get', '${path}/src/img/carousel/2.png');
                }
            </script>
            <a class="carousel-control-prev" href="#HomeCarousel" role="button" data-slide="prev">
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                <span class="sr-only">Previous</span>
            </a>
            <a class="carousel-control-next" href="#HomeCarousel" role="button" data-slide="next">
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                <span class="sr-only">Next</span>
            </a>
        </div>

（）按照路径插入一些图片在路径中，它可能会崩溃，因为它的工作，因为一些图片丢失。
预期：每个项目都可以显示在每个单独的carousel中，而不会出现404错误。但是，嘿，我记得MudBlazor的旋转木马会在需要的时候请求每一张图像。我很高兴有人能教我如何让这个引导旋转木马也能正常工作。