我一直在一个模拟咖啡公司建立一个网站。该网站可以在我的计算机上完美加载,但是当我使用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');
}
});`
编辑
以防万一有人遇到相同的问题,这是我找到的解决方案。如果您转到https://reqres.in/,他们将提供与https一起使用的免费RESTful API。希望能对某人有所帮助!