javascript - Bootstrap-rating 在 https 上不可见

Question

我在我的 Grails 应用程序中使用 bootstrap-rating。它在本地机器上正常工作，但在客户端服务器上部署后在 https 上不可见。我们在 gsp 上使用相对路径，如下所示:

href="/css/bootstrap-rating.css", src="/js/bootstrap-rating.min.js"

浏览器控制台上显示的错误类似于 “混合内容:‘https://test.test.com/account/searchAccount/23’的页面是通过 HTTPS 加载的，但请求了一个不安全的脚本‘http://test.test.com/static/js/bootstrap-rating.min.js”如何解决这个问题？

在 GSP 上，我完成了以下操作，

<link href="${resource(dir: 'css', file: 'bootstrap-rating.css')}" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="${resource(dir: 'js', file: 'bootstrap-rating.min.js')}"></script>

<input type="hidden" class="rating rating-gly" value="${lifeTime}" data-readonly  />

Answer 1

当然，您有混合内容 HTTP 和 HTTPS。这是不允许的。尝试使用 createLink(uri:'/css/bootstrap-rating.css')那应该创建一个正确的相对路径。或者使用 grails Assets 管道。我一直使用 Assets 管道，它适用于 HTTP 和 HTTPS。