Рендеринг сайта локально, но не на сервере Github. Проблемы с RESTfulAPI - PullRequest
2 голосов
/ 24 апреля 2019

Я делал сайт для компании, занимающейся кофе. Веб-сайт отлично загружается на моем компьютере, но при использовании сервера Github не хватает нескольких ключевых факторов.

Первая и главная проблема - мой RESTful API не работает. Локально это нормально, но на Github всегда отображается мое сообщение об ошибке, которое я вставил в код. Из-за этого функция заказа кофе вообще не работает.

Во-вторых, у меня есть одно изображение, которое не будет отображаться на сервере Github.

Мой репозиторий Git обновлен, и я ждал более суток, чтобы убедиться, что он успел загрузить. Ниже я приведу некоторый код, который является подходящим, но, вероятно, проще всего проверить мой репозиторий.

https://github.com/austinestrobel/Coffee-ToGo

order.html - это страница с проблемами, у script.js есть мой RESTful API, а изображение моей проблемы находится в style.css.

Спасибо!

// Проблема с изображением

// order.html

`<div class="container" id="order-background">
        <div class="row text-center">
            <h2 class="">Quick</h2>
            <h2 class="">Easy</h2>
            <h2 class="">Quality</h2>
        </div>
</div>`

// style.css

`#order-background {
    background-image: url('/img/Slider5.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
    min-height: 30px;
}`

// проблема RESTfulAPI

// запрос JQuery GET, чтобы показать, как он связан

`$.ajax({
        type: 'GET',
        url: 'http://rest.learncode.academy/api/Austin/Coffee/',
        success: function (orders) {
            $.each(orders, function (i, order) {
                addOrder(order);
            });
        },
        error: function () {
            alert('error loading orders');
        }
    });`

EDIT

На случай, если у кого-то возникнет такая же проблема, вот решение, которое я нашел. Если вы перейдете на https://reqres.in/,, они предложат бесплатный RESTful API, который работает с https. Надеюсь, это кому-нибудь поможет!

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