d3.js github pages找不到变量:$

a8jjtwal  于 2022-11-12  发布在  Git
关注(0)|答案(1)|浏览(131)

我刚刚用github页面创建了一个SPA。它很清楚,因为包含一个.html和两个.js文件,我主要使用d3.js
在本地主机上启动没有问题,但在github页面上部署时出现问题
我有两个错误:
找不到变量:$

无法加载资源:服务器以404状态响应(HTTP/2. 0 404)
虽然在我的index.html中包含jquery

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="script.js"></script>

出什么事了?

falq053o

falq053o1#

如果您打开已共享链接上的开发工具控制台,则会出现以下错误:

Mixed Content: The page at 'https://zkid18.github.io/data_visualization_project/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'. 

This request has been blocked; the content must be served over HTTPS.

所以在这种情况下,解决方案是通过HTTPS加载外部资源,因为这是GitHub托管的地方。例如:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

如果页面是透过HTTPS载入,则它使用的每个资源也应该透过HTTPS载入。

这背后的原因是,否则中间人可能会将资源(或利用浏览器中的缓冲区溢出问题来执行代码的资源)和脚本替换为执行不同操作(如将数据泄漏给第三方)的资源和脚本。
您可以阅读更多关于此in this article on the Mozilla site的信息。

相关问题