Nhận thông báo về các bản phát hành sắp tới của Intlayer
    Ngày tạo:2025-11-16Cập nhật lần cuối:2025-11-16

    Tài liệu: Hàm getPrefix trong intlayer

    Mô tả

    Hàm getPrefix xác định tiền tố URL cho một locale nhất định dựa trên cấu hình chế độ định tuyến. Nó so sánh locale với locale mặc định và trả về một đối tượng chứa ba định dạng tiền tố khác nhau để xây dựng URL linh hoạt.

    Tính năng chính:

    • Nhận một locale làm tham số đầu tiên (bắt buộc)
    • Đối tượng options tùy chọn với defaultLocalemode
    • Trả về một đối tượng với các thuộc tính prefixlocalePrefix
    • Hỗ trợ tất cả các chế độ định tuyến: prefix-no-default, prefix-all, no-prefix, và search-params
    • Công cụ nhẹ để xác định khi nào cần thêm tiền tố locale

    Chữ ký hàm

    getPrefix(  locale: Locales,               // Bắt buộc  options?: {                    // Tùy chọn    defaultLocale?: Locales;    mode?: 'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params';  }): GetPrefixResulttype GetPrefixResult = {  prefix: string;   // ví dụ: 'fr/' hoặc ''  localePrefix?: Locale; // ví dụ: 'fr' hoặc undefined}

    Tham số

    • locale: Locales

      • Mô tả: Locale để tạo tiền tố. Nếu giá trị là falsy (undefined, null, chuỗi rỗng), hàm sẽ trả về chuỗi rỗng.
      • Kiểu: Locales
      • Bắt buộc: Có
    • options?: object

      • Mô tả: Đối tượng cấu hình để xác định tiền tố.
      • Kiểu: object
      • Bắt buộc: Không (Tùy chọn)

      • options.defaultLocale?: Locales

        • Mô tả: Locale mặc định cho ứng dụng. Nếu không cung cấp, sẽ sử dụng locale mặc định được cấu hình trong cấu hình dự án của bạn.
        • Kiểu: Locales
        • Mặc định: Cấu hình dự án
      • options.mode?: 'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params'

        • Mô tả: Chế độ định tuyến URL cho việc xử lý locale. Nếu không được cung cấp, sẽ sử dụng chế độ đã cấu hình trong cấu hình dự án của bạn.
        • Kiểu: 'prefix-no-default' | 'prefix-all' | 'no-prefix' | 'search-params'
        • Mặc định: Cấu hình dự án
        • Chế độ:
          • prefix-no-default: Trả về chuỗi rỗng khi locale trùng với locale mặc định
          • prefix-all: Trả về tiền tố cho tất cả các locale bao gồm cả mặc định
          • no-prefix: Trả về chuỗi rỗng (không có tiền tố trong URL)
          • search-params: Trả về chuỗi rỗng (locale trong tham số truy vấn)

    Trả về

    • Kiểu: GetPrefixResult
    • Mô tả: Một đối tượng chứa ba định dạng tiền tố khác nhau:
      • prefix: Tiền tố đường dẫn có dấu gạch chéo ở cuối (ví dụ: 'fr/', '')
      • localePrefix: Định danh locale không có dấu gạch chéo (ví dụ: 'fr', undefined)

    Ví dụ sử dụng

    Sử dụng cơ bản

    import { getPrefix, Locales } from "intlayer";// Kiểm tra tiền tố cho locale tiếng AnhgetPrefix(Locales.ENGLISH, {  defaultLocale: Locales.ENGLISH,  mode: "prefix-all",});// Trả về: { prefix: 'en/', localePrefix: 'en' }// Kiểm tra tiền tố cho locale tiếng PhápgetPrefix(Locales.FRENCH, {  defaultLocale: Locales.ENGLISH,  mode: "prefix-no-default",});// Trả về: { prefix: 'fr/', localePrefix: 'fr' }

    Các chế độ định tuyến khác nhau

    import { getPrefix, Locales } from "intlayer";// prefix-all: Luôn trả về tiền tốgetPrefix(Locales.ENGLISH, {  mode: "prefix-all",  defaultLocale: Locales.ENGLISH,});// Trả về: { prefix: '/en', localePrefix: 'en' }// prefix-no-default: Không có tiền tố khi locale trùng với mặc địnhgetPrefix(Locales.ENGLISH, {  mode: "prefix-no-default",  defaultLocale: Locales.ENGLISH,});// Trả về: { prefix: '', localePrefix: undefined }// prefix-no-default: Trả về tiền tố khi locale khác với mặc địnhgetPrefix(Locales.FRENCH, {  mode: "prefix-no-default",  defaultLocale: Locales.ENGLISH,});// Trả về: { prefix: 'fr/', localePrefix: 'fr' }// no-prefix & search-params: Không bao giờ trả về tiền tốgetPrefix(Locales.ENGLISH, { mode: "no-prefix" });// Trả về: { prefix: '', localePrefix: undefined }getPrefix(Locales.ENGLISH, { mode: "search-params" });// Trả về: { prefix: '', localePrefix: undefined }

    Ví dụ Thực tế

    import { getPrefix, Locales } from "intlayer";// Xây dựng URL với tiền tố phù hợp cho một locale cụ thểconst locale = Locales.FRENCH;const { prefix, localePrefix } = getPrefix(locale, {  defaultLocale: Locales.ENGLISH,  mode: "prefix-no-default",});// Sử dụng prefix để xây dựng đường dẫnconst url1 = `/${prefix}about`.replace(/\/+/g, "/");// Kết quả: "/fr/about"// Sử dụng localePrefix để nhận diện localeconsole.log(`Current locale: ${localePrefix}`);// Kết quả: "Current locale: fr"

    Các Hàm Liên Quan


    TypeScript

    type GetPrefixResult = {  prefix: string; // Tiền tố đường dẫn có dấu gạch chéo ở cuối (ví dụ: 'fr/' hoặc '')  localePrefix?: Locale; // Định danh locale không có dấu gạch chéo (ví dụ: 'fr' hoặc undefined)};function getPrefix(  locale: Locales,  options?: {    defaultLocale?: Locales;    mode?: "prefix-no-default" | "prefix-all" | "no-prefix" | "search-params";  }): GetPrefixResult;
    Nhận thông báo về các bản phát hành sắp tới của Intlayer