𝗔𝗣𝗔𝗕𝗜𝗟𝗔 𝗥𝗘𝗙𝗥𝗘𝗦𝗛 𝗠𝗨𝗗𝗔𝗛 𝗠𝗘𝗥𝗢𝗦𝗔𝗞𝗞𝗔𝗡 𝗔𝗣𝗟𝗜𝗞𝗔𝗦𝗜 𝗞𝗔𝗠𝗜
Kami menemui pepijat. Laluan utama berfungsi dengan baik. Laluan mendalam menyebabkan muat semula halaman sepenuhnya. Bar sisi ditetapkan semula setiap kali. Aplikasi terasa tidak stabil.
Ia berfungsi secara lokal. Ia gagal dalam produksi.
Kami menggunakan Next.js static export pada Azure Static Web Apps. Tetapan ini tidak mempunyai runtime pelayan. Ia menghidangkan fail statik.
Isunya adalah navigasi lembut (soft navigation). Next.js memerlukan data payload laluan untuk peralihan yang lancar. Ia memerlukan HTML untuk muatan pertama.
Peraturan penulisan semula (rewrite rules) Azure kami terlalu luas. Azure menghantar HTML apabila Next.js meminta data payload. Penghala (router) gagal. Aplikasi dimuat semula.
Kami membaiki ini dengan automasi. Kami membina satu alat untuk menjana peraturan penulisan semula daripada output binaan. Alat tersebut kini:
- Mengimbas fail laluan dinamik.
- Mencipta peraturan khusus untuk HTML dan payload.
- Menyusun peraturan mengikut keutamaan.
- Menulis fail konfigurasi akhir.
Ini menghapuskan ralat manual.
Jika anda menggunakan static export pada Azure:
- Automasikan fail konfigurasi anda.
- Uji navigasi lembut (soft navigation).
- Semak jika permintaan payload mengembalikan HTML.
- Anggap peraturan penulisan semula sebagai infrastruktur kritikal.
Pepijat frontend yang sukar sering wujud di antara output binaan dan peraturan pengehosan.