Javascript 图像不会出现在游戏移相器中

有人知道如何解决页面上没有出现的图像吗？我使用javascript将图像调用到phaser游戏中

preload（）{
//调用映像的示例
this.load.image（“kanvas”，“./assets/kanvas.png”）；
}
创建（）{
这个.add.image（200200，“kanvas”）；
}

控制台中的错误：

Access to XMLHttpRequest at 
file:///F:/Hafid%20Suhanizar/KULIAH/SEMESTER%206/MAGANG/PHASER/assets/kanvas.png'
from origin 'null' has been blocked by CORS policy: Cross origin requests are
only supported for protocol schemes: http, data, chrome, chrome-extension,
chrome-untrusted, https.

CORS政策（跨来源资源共享）是为了避免一些网站在未经许可的情况下从另一个网站加载内容。它是一个HTTP标头，用于确定允许哪个网站下载外部资源（如果未设置标头，则只允许其自身）

从错误消息中，您似乎正在尝试使用本地文件运行项目

如果您想让它工作，您需要设置一个本地服务器： 为此，我建议您安装： 它非常容易使用：您只需安装它，运行XAMPP控制面板，然后在Apache上单击start。然后在浏览器中输入

localhost

然后，您将看到一个名为“欢迎使用XAMPP”的网页。 要“运行”项目，请将文件放入

htdocs

文件夹中（默认情况下，Windows上的

C:\xampp\htdocs

）。这是网页的“根”文件夹，这意味着如果您创建一个文件，如

C:\xampp\htdocs\folder\file.html

，可以在

localhost/folder/file.html

这里有一个更详细的指南

---

如果您对XAMPP还有其他问题，请告诉我。

FYI您可以使用python运行小型服务器来实现这些目的。不需要完整的apache服务器。