本地测试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文件,会强制使其在同一个服务器下,就把图片给我显示出来了

在这里插入图片描述

结果图

在这里插入图片描述

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

中南自动化学院至渝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值