本地测试demo时看板娘的图片显示不出来,解决办法

问题

        本地测试的时候,发现总是没有模型的图像显示,如下
在这里插入图片描述
        F 12 检查的时候出现这样的问题

在这里插入图片描述
        错误信息如下

Access to XMLHttpRequest at 'file://api.fghrsh.net/hitokoto/rand/?encode=jsc&uid=3335' 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.
api.fghrsh.net/hitokoto/rand/?encode=jsc&uid=3335:1 Failed to load resource: net::ERR_FAILED

        然后把错误信息放到浏览器一搜,stack overflow 就有了,一看就是说是跨域的问题,提供了一些解决办法,但是都有点麻烦,最后找到一个比较简单的方法(对于我来讲)

解决办法

        因为我使用的是 vscode,安装 live-server 插件,右键——open with live server 打开html文件,会强制使其在同一个服务器下,就把图片给我显示出来了

在这里插入图片描述

结果图

在这里插入图片描述

posted on 2021-06-18 09:49  雾恋过往  阅读(363)  评论(0编辑  收藏  举报

Live2D