Kenapa tidak ada maklumat permintaan halaman di rangkaian konsol selepas melompat Vue-router?

Sebab konsol tidak mempunyai permintaan rangkaian selepas melompat Vue

Apabila menggunakan VUE-ROUTER untuk pengalihan halaman, tab Rangkaian Konsol Pelayar mungkin tidak memaparkan permintaan baru, yang berkaitan dengan seni bina Vue-Router's Spa (aplikasi tunggal). Menyegarkan halaman akan memaparkan permintaan, kerana menyegarkan akan mencetuskan pelayan untuk memuatkan semula keseluruhan halaman.

Mari kita jelaskan dengan lebih jelas:

Apabila anda melompat ke halaman menggunakan VUE-ROUTER, aplikasinya tidak meminta halaman HTML baru dari pelayan. Sebaliknya, Vue-Router secara dinamik mengemas kini kandungan halaman semasa di sisi klien. Ini bermakna perubahan dalam kandungan halaman berlaku di dalam penyemak imbas, dan bukannya meminta sumber baru melalui pelayan. Oleh itu, tiada permintaan baru muncul dalam tab Rangkaian.

(Contoh gambar 1 harus dimasukkan di sini)

Walau bagaimanapun, apabila anda menyegarkan halaman, penyemak imbas terus meminta halaman penuh dari pelayan, dan anda akan melihat permintaan baru dalam tab Rangkaian.

(Contoh gambar 2 harus dimasukkan di sini)

Ini berbeza dengan laman web tradisional. Laman web tradisional akan menghantar permintaan ke pelayan setiap kali halaman melompat, memuatkan halaman HTML baru. Selepas beban pertama, SPA hanya meminta data dari pelayan, dan rendering halaman dan kemas kini selesai pada klien. Pendekatan ini meningkatkan prestasi dan pengalaman pengguna, tetapi juga menjelaskan mengapa tab Rangkaian tidak memaparkan permintaan apabila Vue-Router melompat.

Sekiranya anda tidak biasa dengan prinsip kerja SPA (aplikasi satu halaman), disarankan agar anda mengetahui lebih lanjut mengenai pengetahuan yang relevan untuk memahami mekanisme kerja Vue-Router.

Atas ialah kandungan terperinci Kenapa tidak ada maklumat permintaan halaman di rangkaian konsol selepas melompat Vue-router?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!