该图像未出现在游戏移相器中

Question

有谁知道怎么解决图片不在页面上的问题，我是用javascript调入phaser游戏的图片

preload() {
   //example calling image
   this.load.image("kanvas", "../assets/kanvas.png");
}

create() {
   this.add.image(200, 200, "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.

Answer 1

CORS 政策（Cross-Origin 资源共享）是为了避免一些网站在未经许可的情况下从另一个网站加载内容。这是一个 HTTP Header 决定允许哪个网站下载外部资源（如果 header 未设置则只允许其本身）

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

如果你想让它工作，你需要设置一个本地服务器：为此，我建议您安装 XAMPP：它真的很容易使用：你只需安装它，运行 XAMPP control pannel 然后在 Apache 上点击 start。然后在浏览器中输入localhost。

然后您将看到一个名为“欢迎使用 XAMPP”的网页。要“运行”您的项目，请将您的文件放在 htdocs 文件夹中（C:\xampp\htdocs 默认情况下在 Windows 上）。这是您的网页的“根”文件夹，这意味着如果您创建一个类似 C:\xampp\htdocs\folder\file.html 的文件，可以在 localhost/folder/file.html

访问它

这里是how to install and setup XAMPP [archive]

更详细的指南

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

该图像未出现在游戏移相器中

the image does not appear in the game phaser

javascript

phaser-framework