Я делал сайт для компании, занимающейся кофе. Веб-сайт отлично загружается на моем компьютере, но при использовании сервера 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. Надеюсь, это кому-нибудь поможет!