Javascript Phaser跨源錯誤

Question

我使用html，javascript和Phaser庫進行了遊戲。它在我的本地主機上工作得很好。然而，當我把它上傳到Github上（通過網絡接口），並運行它，它給這個錯誤：

Uncaught SecurityError: Failed to execute 'texImage2D' on 'WebGLRenderingContext': The cross-origin image at http://www.imagesup.net/dt-1514207740759.png may not be loaded.

可能有人請解釋一下我做錯了什麼，以及如何解決它？

謝謝。

Answer 1

將您需要的圖片下載到您自己的服務器上的資源文件夾中，然後使用本地文件路徑加載它。

Answer 2

由於具有不同的域和安全限制，必須在服務器中啓用CORS來發出HTTP請求。

Answer 3

圖片必須位於您上傳的文件夾中，您無法通過在線URL加載它們。如果您正在製作Phaser遊戲，我可以推薦phaser-plus generator。這是一個非常棒的方式，通過基本配置爲您啓動項目。