Amazon Linux服务器上的Highcharts无响应图形

Question

在Amazon Linux服务器上安装了Highstock 8.0.0：Amazon Linux版本2（Karoo）安装并执行Apache版本：服务器版本：Apache / 2.4.41（）服务器内置：Oct 22 2019 22:59:04

上传highstock.zip并在/ var / www / html上解压缩

已安装node.js（v12.13.1），并在端口3000上进行了测试。我可以使用我的工作站Chrome v79浏览它。

现在，当我测试highstock.zip提供的index.htm时，浏览器将显示菜单页面上的几个图形链接。我选择第一个链接（“常规”->“带有GUI的股票图表”）显示nothinmg。选择第二个链接（常规->“单行系列”），也不要选择任何链接。然后，我切换到菜单末尾，并测试链接“标志和指示器”->“标志形状和颜色”，它可以正常工作。向上，“标记放置”上方的下一个链接，它也起作用。就是这样。主页上的所有其他链接只会冻结并显示空白页面。

现在，我唯一能注意到的是，与有效链接相关联的js只有3个js附件：

<script src="../../code/highstock.js"></script>
<script src="../../code/modules/data.js"></script>
<script src="../../code/modules/exporting.js"></script>

对此类列表的任何添加，发生在maisn菜单页面上引用的所有index.htm均失败。例如，如果我尝试链接General->“ Single line series”，并打开其index.htm（..//examples/basic-line/index.htm），我注意到它引用的是与上一个相同的3个js加export-data.js：

<script src="../../code/highstock.js"></script>
<script src="../../code/modules/data.js"></script>
<script src="../../code/modules/exporting.js"></script>
<script src="../../code/modules/export-data.js"></script>

就这样。有任何线索吗？

谢谢

Answer 1

问题已解决。

使用Chrome开发工具跟踪错误消息：

源C https://www.highcharts.com/.../aapl-ohlcv.json从源http://xxx.yyy.zzz.www对XMLHttpRequest的访问已被CORS策略阻止：所请求的资源上没有'Access-Control-Allow-Origin'标头。

已安装Chrome扩展程序“允许CORS：访问控制-允许-来源”。将其切换为ON并显示图形。

并行高图表支持回复：

...默认的浏览器行为是阻止从设置了CORS策略的域加载的任何内容，以阻止来自同一域外部的请求。某些CORS插件可能会将其覆盖，但其目的是将数据请求限制在我们的服务器上。...

希望此回复帮助其他人。