反应本机：Axios指责网络错误

Question

我正在用Axios编写我的第一个react-native程序，发现在进行get调用时遇到问题。 Sinse，这是网络错误，我认为问题出在下面。

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);
  }