Apl tapak web Vite Reactjs tidak memanggil API dalam pengeluaran tetapi berjalan dengan baik pada localhost

Question

Saya cuba menggunakan aplikasi saya di Netlify. Halaman pendaratan mengambil satu siri imej untuk mencipta kesan galeri. Halaman log masuk pada localhost Ia berjalan dengan baik pada mesin tempatan saya, tetapi selepas digunakan, API tidak dipanggil dan aplikasi berada dalam keadaan pemuatan. Halaman log masuk pada pelayan Netlify. Saya dapati dalam tab rangkaian alat pembangun bahawa API sedang dipanggil pada localhost tab rangkaian hos tempatan Dan pada pelayan pembangunan permintaan API tidak dicetuskan. Gunakan tab rangkaian pelayan.

Kod untuk panggilan API ialah Kod panggilan API

Saya tidak tahu apa yang perlu dilakukan. Saya cuba membuat API berfungsi dalam persekitaran pengeluaran.

Answer 1

Dalam useEffect中，你没有调用fetchImage anda, tetapi dalam mengembalikannya.

akan

useEffect(()=>fetchImage, [])

telah diubah suai kepada

useEffect(()=>fetchImage(), [])

atau secara terus

useEffect(fetchImage, [])

Sebab mengapa ia berfungsi dalam persekitaran tempatan agak menarik. Apabila anda berada dalam useEffect钩子函数中返回一个函数时，它将在组件的销毁阶段使用，这意味着当React卸载组件时会调用该函数。在开发模式下，React在挂载组件后会卸载和重新挂载组件，从而调用fetchImage - fungsi pemusnah anda. Ini tidak berlaku dalam persekitaran binaan.