HTML 图像滑块不在 Heroku 上答案

【问题标题】：HTML Image Slider not on HerokuHTML 图像滑块不在 Heroku 上
【发布时间】：2021-08-30 10:53:58
【问题描述】：

我的图像滑块无法在 heroku 上运行，但是当我在 localhost 上运行代码时它运行良好

heroku=> https://phpstore-website.herokuapp.com/

github repo=>https://github.com/verma-tanishq/phpstore

<section class="section-slide">
    <div class="wrap-slick1">
        <div class="slick1">
            <div class="item-slick1" style="background-image: url(images/slide-01.jpg);">
                <div class="container h-full">
                    <div class="flex-col-l-m h-full p-t-100 p-b-30 respon5">
                        <div class="layer-slick1 animated visible-false" data-appear="fadeInDown" data-delay="0">
                            <span class="ltext-101 cl2 respon2">
                                Women Collection 2018
                            </span>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="fadeInUp" data-delay="800">
                            <h2 class="ltext-201 cl2 p-t-19 p-b-43 respon1">
                                NEW SEASON
                            </h2>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="zoomIn" data-delay="1600">
                            <a href="product.php"
                                class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04">
                                Shop Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="item-slick1" style="background-image: url(images/slide-03.jpg);">
                <div class="container h-full">
                    <div class="flex-col-l-m h-full p-t-100 p-b-30 respon5">
                        <div class="layer-slick1 animated visible-false" data-appear="rotateInDownLeft" data-delay="0">
                            <span class="ltext-101 cl2 respon2">
                                Men Collection 2018
                            </span>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="rotateInUpRight" data-delay="800">
                            <h2 class="ltext-201 cl2 p-t-19 p-b-43 respon1">
                                New arrivals
                            </h2>
                        </div>

                        <div class="layer-slick1 animated visible-false" data-appear="rotateIn" data-delay="1600">
                            <a href="product.php"
                                class="flex-c-m stext-101 cl0 size-101 bg1 bor1 hov-btn1 p-lr-15 trans-04">
                                Shop Now
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

When running on localhost, works fine

【问题讨论】：

标签： php html css heroku

【解决方案1】：

由于 403 Forbidden Access 错误，未加载多个 css 文件，这就是未应用样式的原因。例如This file 是其中之一，这是被禁止的。您可以在开发工具的网络选项卡中检查。您需要配置您的应用程序，以便这些文件也是公开的。

【讨论】：

【解决方案2】：

似乎服务提供者的 css 样式版本可能已过时 https://kosumi.000webhostapp.com/phpstore-master/ 我已经尝试在我自己的网站使用的网络主机中，它工作得很好，根据情况你应该改变你用于网络主机的服务......但我不建议将 000webhost 用于更大的网站，只是为了测试那些

【讨论】：