Github页面不会在AngularJS 1.x网站上显示图像？

Question

我使用Angular 1.x创建了一个简单的单页网站，它不会在Github页面上加载我的图像。这是github页面网站的链接：

https://capozzic1.github.io/angular-car-spa-v2/

我已经检查了其他有关此问题的stackoverflow帖子，似乎无法找到答案。我只有2个图像，我试图加载一个简单的滑块。这是我的指令js文件中的代码：

this.carData = [{
                class:'A4',
                name: "Audi A4",
                tagline: "The time is now.",
                img: "/img/big/car1.jpg"
                },
                {
                class:'A5',
                name: "Audi A5",
                tagline: "Do you like power?",
                img: "/img/big/car2.jpg"}
              ];

如果您想查看文件夹结构，请参阅回购链接：

https://github.com/capozzic1/angular-car-spa-v2

我还验证了两张图片都在repo中运行。

Answer 1

您需要从图片网址中删除斜杠，因为您的网站未托管在根网站上。您需要提供适当的相对路径。将json更改为

this.carData = [{
                class:'A4',
                name: "Audi A4",
                tagline: "The time is now.",
                img: "img/big/car1.jpg"
                },
                {
                class:'A5',
                name: "Audi A5",
                tagline: "Do you like power?",
                img: "img/big/car2.jpg"}
              ];