Terjemahan disediakan oleh mesin penerjemah. Jika konten terjemahan yang diberikan bertentangan dengan versi bahasa Inggris aslinya, utamakan versi bahasa Inggris.

Mengalihkan dan menulis ulang contoh referensi

Bagian ini mencakup kode contoh untuk berbagai skenario pengalihan umum. Anda dapat menggunakan contoh-contoh ini untuk memahami sintaks untuk membuat pengalihan dan penulisan ulang Anda sendiri.

Pengalihan dan penulisan ulang sederhana

Anda dapat menggunakan kode contoh berikut untuk mengalihkan secara permanen suatu halaman ke alamat baru.

^{JSON [{"source": "/original.html", "status": "301", "target": "/destination.html", "condition": null}]}

Anda dapat menggunakan kode contoh berikut untuk mengalihkan path di suatu folder ke path yang sama di folder berbeda.

^{JSON [{"source": "/docs/<*>", "status": "301", "target": "/documents/<*>", "condition": null}]}

Anda dapat menggunakan kode contoh berikut untuk mengalihkan semua lalu lintas ke index.html sebagai penulisan ulang. Dalam skenario ini, penulisan ulang menampilkan kepada pengguna bahwa pengguna telah sampai di alamat asli.

^{JSON [{"source": "/<*>", "status": "200", "target": "/index.html", "condition": null}]}

Anda dapat menggunakan kode contoh berikut untuk menggunakan penulisan ulang guna mengubah subdomain yang ditampilkan kepada pengguna.

^{JSON [{"source": "https://mydomain.com", "status": "200", "target": "https://www.mydomain.com", "condition": null}]}

Anda dapat menggunakan kode contoh berikut untuk mengarahkan ke domain yang berbeda dengan awalan jalur.

^{JSON [{"source": "https://mydomain.com", "status": "302", "target": "https://www.mydomain.com/documents/", "condition": null}]}

Anda dapat menggunakan kode contoh berikut untuk mengalihkan path di folder yang tidak dapat ditemukan ke halaman 404 kustom.

^{JSON [{"source": "/<*>", "status": "404", "target": "/404.html", "condition": null}]}

Pengalihan untuk aplikasi web satu halaman () SPA

Sebagian besar SPA kerangka kerja mendukung HTML5 riwayat. pushState() untuk mengubah lokasi browser tanpa memulai permintaan server. Ini dapat digunakan untuk pengguna yang memulai perjalanan dari root (atau /index.html), tetapi tidak dapat digunakan untuk pengguna yang menavigasi langsung ke halaman lain.

Contoh berikut menggunakan ekspresi reguler untuk mengatur penulisan ulang 200 untuk semua file ke index.html, kecuali untuk ekstensi file yang ditentukan dalam ekspresi reguler.

^{JSON [{"source": "</^[^.]+$|\.(?!(css|gif|ico|jpg|js|png|txt|svg|woff|woff2|ttf|map|json|webp)$)([^.]+$)/>", "status": "200", "target": "/index.html", "condition": null}]}

Penulisan ulang proksi balik

Contoh berikut menggunakan penulisan ulang ke konten proxy dari lokasi lain sehingga tampak bagi pengguna bahwa domain tidak berubah.

^{JSON [{"source": "/images/<*>", "status": "200", "target": "https://images.otherdomain.com/<*>", "condition": null}]}

Trailing garis miring dan bersih URLs

Untuk membuat URL struktur bersih seperti about alih-alih about.html, generator situs statis seperti Hugo menghasilkan direktori untuk halaman dengan index.html (/about/index.html). Amplify secara otomatis menciptakan clean URLs dengan menambahkan garis miring saat diperlukan. Tabel berikut menampilkan berbagai skenario:

Placeholder

Anda dapat menggunakan kode contoh berikut untuk mengalihkan path di struktur folder tertentu ke struktur yang cocok di folder lain.

^{JSON [{"source": "/docs/<year>/<month>/<date>/<itemid>", "status": "301", "target": "/documents/<year>/<month>/<date>/<itemid>", "condition": null}]}

String kueri dan parameter path

Anda dapat menggunakan kode contoh berikut untuk mengalihkan path ke folder dengan nama yang sesuai dengan nilai elemen string kueri di alamat asli:

^{JSON [{"source": "/docs?id=<my-blog-id-value>", "status": "301", "target": "/documents/<my-blog-id-value>", "condition": null}]}

Anda dapat menggunakan kode contoh berikut untuk mengalihkan semua path yang tidak dapat ditemukan di tingkat tertentu struktur folder ke index.html di folder tertentu.

^{JSON [{"source": "/documents/<x>/<y>/<z>", "status": "404", "target": "/documents/index.html", "condition": null}]}

Pengalihan berbasis wilayah

Anda dapat menggunakan kode contoh berikut untuk mengalihkan permintaan berdasarkan wilayah.

^{JSON [{"source": "/documents", "status": "302", "target": "/documents/us/", "condition": "<US>"}]}

Menggunakan ekspresi wildcard dalam pengalihan dan penulisan ulang

Anda dapat menggunakan ekspresi wildcard,<*>, di alamat asli untuk pengalihan atau penulisan ulang. Anda harus menempatkan ekspresi di akhir alamat asli, dan itu harus unik. Amplify mengabaikan alamat asli yang menyertakan lebih dari satu ekspresi wildcard, atau menggunakannya dalam penempatan yang berbeda.

Berikut ini adalah contoh pengalihan yang valid dengan ekspresi wildcard.

Dua contoh berikut menunjukkan pengalihan yang tidak valid dengan ekspresi wildcard.