无法在 React 中获取 json 文件答案

【问题标题】：Cannot fatch json file in React无法在 React 中获取 json 文件
【发布时间】：2021-07-21 18:32:22
【问题描述】：

我认为这是基本问题，但这是我现在遇到的问题，我找不到解决方案。

我正在尝试显示我在邮递员上创建的 API 中的数据

React.js 代码在这里

  const urlCategories = '127.0.0.1:8000/api/categories';
  const [service, setService] = useState([]);
  const fetchCategories = async () => {
    const response = await fetch(urlCategories);
    const service = await response.json();
    console.log(service);
  };
  useEffect(() => {
    fetchCategories();
  }, []);

控制台出错

Uncaught (in promise) SyntaxError: JSON.parse: unexpected character at JSON数据的第1行第1列

【问题讨论】：

您的 API 没有响应可以解析/转换为 JS 对象的有效 JSON 字符串，请检查您的 API 响应的内容
@NickParsons 它看起来很适合我 [{"id":1,"parent_id":1,"title":"\u0160tampa","created_at":"2021-04-27T12:39 :52.000000Z","updated_at":"2021-04-27T12:39:52.000000Z"},....
检查浏览器的网络检查器中发生了什么。您可能会收到一条错误消息，例如未通过凭据 (fetch(..., {credentials: 'same-origin'})

标签： javascript reactjs api postman

【解决方案1】：

http 丢失

const urlCategories = 'https://127.0.0.1:8000/api/categories';
  const [service, setService] = useState([]);
  const fetchCategories = async () => {
    const response = await fetch(urlCategories);
    const service = await response.json();
    console.log(service);
  };
  useEffect(() => {
    fetchCategories();
  }, []);

【讨论】：