在Three.js中为TextGeometry加载字体时出现CORS策略错误

Question

我正在学习three.js。我试图显示一些文本，但是在加载字体文件时出现CORS策略访问受阻的错误。我检查了传递的路径是否正确，尝试将文件放在各个位置，但仍然没有。这是我加载文本的代码：

public ActionResult GetBook(int id = 0, int bookId = 0) {
    ...
}

我得到的错误是：

  

在以下位置访问XMLHttpRequest   '文件：/// A：/Code/IIITH/computer-graphics-iiith/SRIP/Libraries/three.js-master/examples/fonts/gentilis_bold.typeface.json'   来自原点“ null”的信息已被CORS政策阻止：交叉原点   仅协议方案支持请求：http，data，chrome，   chrome-extension，https。

请问我可以解决此错误吗？我仍在学习three.js，但并不详细。我犯了什么错误？

Answer 1

此问题与Three.js无关。

这是由浏览器实施的安全措施，旨在保护用户免受多种威胁。您可以在这篇文章中找到有关其工作原理的更多详细信息：

"Cross origin requests are only supported for HTTP." error when loading a local file

---

Three.js建议您应对以下限制：How to run things locally