Apakah sebab mengapa pelayan langsung tidak boleh digunakan dalam aplikasi React?

Question

Saya tahu tidak mungkin untuk menyampaikan aplikasi React menggunakan pelayan langsung. Dalam erti kata lain, walaupun js digabungkan dan dipautkan ke fail HTML, kod React tidak akan dipaparkan jika anda membuka fail secara statik.

Saya belajar tentang pelayan statik dan dinamik, tetapi memandangkan React semua berlaku pada klien, saya tidak faham mengapa menyediakan apl menggunakan pek web, vite atau pelayan ekspres ringkas akan berfungsi, tetapi tidak melalui pelayan langsung , juga tidak boleh dibuka dan berfungsi secara manual.

Apakah perbezaannya?

Answer 1

Perbezaannya ialah cara kod JavaScript dilaksanakan dalam penyemak imbas. Apabila anda menyediakan aplikasi React melalui pelayan pembangunan webpack, pelayan ekspres atau apa-apa jenis pelayan lain, kod JavaScript dilaksanakan dalam konteks halaman web, dengan akses kepada DOM dan semua API Web.

Walau bagaimanapun, apabila anda membuka fail HTML secara statik, kod JavaScript dilaksanakan dalam persekitaran terpencil dan akses kepada API Web adalah terhad. Inilah sebabnya mengapa kod React yang bergantung pada DOM dan API Web tidak berfungsi apabila dibuka secara manual.

Webpack, vite dan express menyediakan persekitaran dinamik dengan semua API dan perkhidmatan yang diperlukan untuk React dijalankan. Ini dilakukan dengan menyediakan aplikasi sebagai halaman web melalui HTTP, yang kemudiannya dimuatkan dan dilaksanakan oleh penyemak imbas.