Javascript 从API绑定数据时出现意外的JSON输入结束错误

我有一个选择下拉列表，它的数据是从API/json文件生成的。json类似于以下内容：

[
    {
        "id": 444,
        "ggg_progid": "0000-111-222-333-44444",
        "clientName": "client 1- aaa-bb-01-05 - AA"
    }
]

…但我得到了一个错误，未经处理的拒绝（SyntaxError）：当我使用API/JSON文件的特定url运行代码时，JSON输入意外结束。因此，当我从API复制代码并将其粘贴到myjson.com，然后使用myjson.com提供的url时，我的代码工作正常

问题是，两个API都有相同的json语法

为了以防万一，我提供了以下代码：

import React, { Component } from 'react';

class Ast extends Component {

   constructor(){
       super();
       this.state = {
           data: [],
       };
   } //end constructor

    componentDidMount() {
        fetch('http://myapi/:1234/api/clients', {
            method: 'GET',
            headers: {
                'Content-type': 'application/json',
                'Authorization': 'Bearer abc123def.abc123def.abc123def'
            },
        })
        .then(results => results.json())
        .then(data => this.setState({ data: data }))
    }

    render() {
    console.log(this.state.data);
    return (
    <div>
        <div className="container">
            <form>
            <h2>Memeber Selection:</h2>
            <div>
                {
                    this.state.data.map(item =>(
                        <div>
                            <select className="custom-select" id="clientName">>
                            <option key={item.clientName}>{item.clientName}</option>
                            </select>
                        </div>
                    ))
                }
            </div>
            <div>
            <button type="submit" className="btn btn-primary">Submit</button>
            </div>
            </form>
        </div> 
    </div>
        );
      }
}

export default Ast

import React，{Component}来自'React'；
类Ast扩展组件{
构造函数（）{
超级（）；
此.state={
数据：[]，
};
}//结束构造函数
componentDidMount（）{
取（'http://myapi/:1234/api/clients', {
方法：“GET”，
标题：{
“内容类型”：“应用程序/json”，
“授权”：“持有人abc123def.abc123def.abc123def”
},
})
.then（results=>results.json（））
.then（data=>this.setState（{data:data}））
}
render（）{
console.log（this.state.data）；
返回(
成员选择：
{
this.state.data.map（项=>(
>
{item.clientName}
))
}
提交
);
}
}
导出默认Ast

---

我将失败的URL粘贴到postman中，并呈现结果。您知道我在代码中使用url时产生错误的原因吗？

请尝试更改以下内容

[
    {
        "id": 444,
        "ggg_progid": "0000-111-222-333-44444",
        "clientName": "client 1- aaa-bb-01-05 - AA"
    }
]

到

---

您的身份验证标头错误

改变

'Authorization': 'abc123def.abc123def.abc123def'

到

---

您是否尝试过

console.log（）

-ing数据？是的，…我注意到返回404错误（找不到url），但是，当使用邮递员（选择了承载令牌）处理url时；我从API获得结果。。。有什么建议吗？@ionizer，我想知道，在通过邮递员处理url时，我输入了一个由以前的API生成的承载令牌，问题是，我需要在代码中传递令牌吗？感谢您的快速回复，不幸的是，我无法直接访问API（该API由另一个API提供）。在我的代码中有什么我可以做的吗？我想知道，当通过邮递员处理url时，我输入了一个从以前的API生成的承载令牌，问题是，我需要在我的代码中传递令牌吗？你需要传递访问令牌确定，是的，我修改了我发布的代码；我在fetch语句中实现了一个GET方法，在我有授权的地方，我输入了一个由postman生成的令牌，但仍然得到相同的错误。我不熟悉API消费；你能看一下我的代码，让我知道我做错了什么吗？在授权头中添加载体。我发布了新的答案

'Authorization': 'abc123def.abc123def.abc123def'

'Authorization': 'Bearer abc123def.abc123def.abc123def'