首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >未捕获(在promise中) SyntaxError: json fetch后输入意外结束

未捕获(在promise中) SyntaxError: json fetch后输入意外结束
EN

Stack Overflow用户
提问于 2018-08-10 04:00:43
回答 1查看 10.5K关注 0票数 2

当我尝试从Tibia获取JSON时,我得到了两件事。

错误: tibia.js:8未捕获(in promise) SyntaxError:输入意外结束

警告:跨域读阻塞阻塞跨域响应https://api.tibiadata.com/v2/characters/Burdeliusz.json

代码语言:javascript
运行
复制
class Tibia {
    constructor() {}
    async getCharacter(char) {
        const characterResponse =
            await fetch(`https://api.tibiadata.com/v2/characters/${char}.json`, {
                mode: 'no-cors'
            });
        const character = await characterResponse.json();
        return {
            character
        }
    }
}

我搜索了类似的问题,但我找不到解决方法。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-08-10 04:09:58

这是因为端点没有在响应头中传递正确的参数。

报头应包括:

代码语言:javascript
运行
复制
"Access-Control-Allow-Origin" : "*", 
"Access-Control-Allow-Credentials" : true 

我用Postman进行了测试,得到的响应有8个头:https://api.tibiadata.com/v2/characters/Burdeliusz.json

代码语言:javascript
运行
复制
Connection →keep-alive
Content-Length →683
Content-Type →application/json; charset=utf-8
Date →Thu, 09 Aug 2018 20:05:30 GMT
Server →nginx/1.10.3
Strict-Transport-Security →max-age=63072000; includeSubdomains; preload
X-Content-Type-Options →nosniff
X-Frame-Options →DENY

访问控制允许原点示例:https://api.spacexdata.com/v2/launches

代码语言:javascript
运行
复制
Access-Control-Allow-Origin →*
CF-RAY →447cd76c595fab66-YYZ
Connection →keep-alive
Content-Encoding →gzip
Content-Type →application/json; charset=utf-8
Date →Thu, 09 Aug 2018 20:06:08 GMT
Expect-CT →max-age=604800, report-uri="https://report-uri.cloudflare.com/cdn-cgi/beacon/expect-ct"
Server →cloudflare
Set-Cookie →__cfduid=d1dce3c5d11de37f960c7b47dc4f7d6701533845168; expires=Fri, 09-Aug-19 20:06:08 GMT; path=/; domain=.spacexdata.com; HttpOnly; Secure
Strict-Transport-Security →max-age=15552000; includeSubDomains
Transfer-Encoding →chunked
Vary →Accept-Encoding, Origin
X-Cache-Status →EXPIRED
X-Content-Type-Options →nosniff
X-DNS-Prefetch-Control →off
X-Download-Options →noopen
X-Frame-Options →SAMEORIGIN
X-Response-Time →151ms
X-XSS-Protection →1; mode=block

您可以尝试要求tibiadata人员添加头

使用代理访问端点:http://jsfiddle.net/RouzbehHz/b95vcdhm/2/

代码语言:javascript
运行
复制
var proxyUrl = 'https://cors-anywhere.herokuapp.com/',
    targetUrl = 'https://api.tibiadata.com/v2/characters/Burdeliusz.json'
fetch(proxyUrl + targetUrl)
  .then(blob => blob.json())
  .then(data => {
    console.table(data);
    document.querySelector("pre").innerHTML = JSON.stringify(data, null, 2);
    return data;
  })
  .catch(e => {
    console.log(e);
    return e;
  });

您可以重新创建代理服务器:

代码语言:javascript
运行
复制
git clone https://github.com/Rob--W/cors-anywhere.git
cd cors-anywhere/
npm install
heroku create
git push heroku master
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51774942

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档