Chrome devtools生产中的错误

时间:2016-04-28 05:44:00

标签: ruby-on-rails ruby heroku google-chrome-devtools imageurl

rails部署heroku应用程序时出现两个错误。网站:https://powerful-atoll-73299.herokuapp.com/第一个错误如下:

Mixed Content: The page at 'https://powerful-atoll-73299.herokuapp.com/' was loaded over HTTPS, but requested an insecure image 'http://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpg'. This content should also be served over HTTPS.

我理解这个错误,因为它非常简单。所以我决定将图像保存到我的本地机器上,然后将其放入我的项目中。所以它不再试图拉出它不安全的链接地址。所以现在我将图像称为:background: url("/family-tree.jpg") no-repeat center center scroll;。这有效,没有潜在的问题。但是,当我从我的主分支推送到具有更新更改的heroku时... heroku版本仍然保持到图像的不安全地址链接。当我检查该项目时,您甚至可以看到它使用http://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpg而不是/family-tree.jpg。当我用照片位置替换地址时,图片仍会显示,但错误仍然存​​在。知道为什么会这样吗?当我推送实际的本地副本时,为什么heroku具有图片的地址链接?

第二次错误如下:

'//@ sourceURL' and '//@ sourceMappingURL' are deprecated, please use '//# sourceURL=' and '//# sourceMappingURL=' instead. codeschool devtools.js:1

我了解此错误导致我将@替换为#。我不知道在哪里或如何做到这一点。任何建议将不胜感激。同样,所有这些错误目前都出现在生产而非开发中。

1 个答案:

答案 0 :(得分:1)

您可能遇到的问题,部署后未加载资产。也许重启可以做到heroku restart

修改

我查看了您的css代码,您的css文件中的signup-section类仍然将该网址设置为背景。

REF:

.signup-section {
    width: 100%;
    padding: 50px 0;
    color: #fff;
    background: url(http://www.zastavki.com/pictures/1366x768/2008/Drawn_wallpapers_Family_tree_007294_.jpg) no-repeat center center scroll;
    background-color: #000;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

更新并进行部署,你应该好好去。