javascript - 将应用程序 url 从 http 重定向到 https 后，自定义光标图像不起作用

Question

我将我的应用程序 URL 从 http 重定向到 https 。我在我的应用程序的某个区域使用自定义光标图像作为光标。在将 http 重定向到 https 之前它工作正常，这意味着我能够在我的页面中获取自定义光标图像。我在 js 文件中为这个光标图像定义了 url。我对这件事很陌生。谁能帮我解决这个问题？

谢谢。

Answer 1

当您使用 https 时，您使用的所有其他资源也必须是安全的，例如 css 文件、javascript、图像......

因此，您应该将资源链接更改为以https://或开头//。

如果你开始你的链接，//它会在页面加载 http:// 时转换为 http://，并在使用安全连接加载时转换为 https://。例子：

像这样更改您的链接：

<img src="http://domain.com/images/image.png">至<img src="//domain.com/images/image.png">

并<link type="text/css" href="styles.css" rel="stylesheet" />_<link type="text/css" href="//domain.com/styles.css" rel="stylesheet" />

编辑：

如果您的图像是在 css 文件中定义的，则可以更正您的 css 链接，否则您应该使用绝对 url。

如果你使用你在评论中提到的方式 $("canvas").css({cursor: 'url(../folder/folder1/image.cur), auto'});

我建议将其添加到 css 中的类中，例如：

.custom-cursor{url(../folder/folder1/image.cur)}

然后像这样使用它：

$("canvas"). addClass('custom-cursor');