React Native：Axios Get 指责网络错误

Question

我正在使用 Axios 编写我的第一个 react-native 程序，但在调用 get 时发现了问题。假设这是网络错误，我认为问题出在下面。

Api.js：

import axios from "axios";

const api = axios.create({
  baseURL: "https://192.168.15.8:3333",
});

export default api;

index.js

 async function loadIncidents() {
    if (loading) {
        return;
    }

    if (total > 0 && incidents.length === total) {
        return;
    }

    setLoading(true);
    try {
        const response = await api.get("/incidents", {
            params: { page },
        });

        setIncidents([...incidents, ...response.data]);
        setTotal(response.headers["x-total-count"]);
        setPage(page + 1);
    } catch (err) {
        console.log('Ocorreu um erro: ', err)
    }
    setLoading(false);
}

  useEffect(() => {
    loadIncidents();
  }, []);

Answer 1

你可以使用try() catch()

async function loadIncidents() {
    if (loading) {
      return;
    }

    if (total > 0 && incidents.length === total) {
      return;
    }

    setLoading(true);

    let response;
    try {
     response = await api.get("incidents", {
      params: { page },
    });
    } catch (ex) {
       console.log(ex);
    }
    setIncidents([...incidents, ...response.data]);
    setTotal(response.headers["x-total-count"]);
    setPage(page + 1);
    setLoading(false);
  }