我正在尝试使用 fetchApi 来获取数据，但我收到了这个错误

Question

运行代码后出现错误 SyntaxError：位置 1 的 JSON 中的意外标记

这是我检查响应状态的代码..

function checkStatus(response){
  'use strict';
  if(response.ok){
   return response;
  }

  let error = new Error(response.statusText);
  error.response = response;
  return Promise.reject(error);
}

这是获取数据的代码..

function fetchApiData(){
    'use strict';
    const url = '/dashboard/getDataFarmersPerYear';

    fetch (url)
    .then(checkStatus)
    .then (response =>response.json())
    .then (data =>{
      console.log(data);

    })
    .catch((error) => {
      console.log('There was an error', error);
    });
}

试图从中获取数据的终点在这里

public function getDataFarmersPerYear()
{
    if ($this->request->is('ajax')) {
        $data = $this->Dashboard->getDataFarmersPerYear();

        $this->set('data', $data);
        $this->set(
            '_serialize',
            'data'
        );
    }
}

Answer 1

尝试更改以下行

.then (response =>response.json())

到

.then (response =>alert(JSON.stringify(response)))

您将收到有关响应中存在 html 错误的警报消息