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

时间:2017-05-12 06:51:16

标签: javascript angularjs github-pages

我使用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中运行。

1 个答案:

答案 0 :(得分: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"}
              ];