Routing

Đây là tài liệu Inertia.js v1, phiên bản không còn được duy trì tích cực. Vui lòng tham khảo tài liệu v3.

Định nghĩa route

Khi sử dụng Inertia, toàn bộ route của ứng dụng được định nghĩa ở phía máy chủ. Điều này có nghĩa là bạn không cần Vue Router hoặc React Router. Thay vào đó, bạn chỉ cần định nghĩa các route Laravel và trả về response Inertia từ các route đó.

Route rút gọn

Nếu bạn có một trang không cần phương thức controller tương ứng, chẳng hạn trang “FAQ” hoặc “giới thiệu”, bạn có thể route trực tiếp đến một component thông qua phương thức Route::inertia().

Route::inertia('/about', 'About');

Tạo URL

Một số framework phía máy chủ cho phép tạo URL từ named route. Tuy nhiên, bạn sẽ không truy cập được các helper đó ở phía client. Sau đây là một vài cách để vẫn sử dụng named route với Inertia. Lựa chọn đầu tiên là tạo URL ở phía máy chủ và truyền chúng dưới dạng props. Hãy chú ý trong ví dụ này, chúng ta truyền edit_url và create_url vào component Users/Index.

class UsersController extends Controller
{
    public function index()
    {
        return Inertia::render('Users/Index', [
            'users' => User::all()->map(function ($user) {
                return [
                    'id' => $user->id,
                    'name' => $user->name,
                    'email' => $user->email,
                    'edit_url' => route('users.edit', $user),
                ];
            }),
            'create_url' => route('users.create'),
        ]);
    }
}

Tuy nhiên, khi dùng Laravel, thư viện Ziggy có thể đưa các named route phía máy chủ sang phía client thông qua hàm route() toàn cục. Thực tế, nếu bạn phát triển ứng dụng bằng một trong các starter kit của Laravel, Ziggy đã được cấu hình sẵn. Nếu dùng Ziggy với Vue, sẽ rất tiện nếu bạn cung cấp hàm này dưới dạng thuộc tính tùy chỉnh $route để có thể gọi trực tiếp trong template.

Vue.prototype.$route = route

app.config.globalProperties.$route = route

<a :href="$route('users.create')">Create User</a>

Tài liệu chính thức

Bài dịch này được đối chiếu từ tài liệu Inertia.js v1 chính thức. Nếu có khác biệt do phiên bản hoặc cập nhật mới, hãy ưu tiên tài liệu chính thức làm nguồn tham chiếu.

Bắt đầu

Cài đặt

Khái niệm cốt lõi

Kiến thức cơ bản

Nâng cao

Định nghĩa route

Route rút gọn

Tạo URL

Tài liệu chính thức

​Định nghĩa route

​Route rút gọn

​Tạo URL

​Tài liệu chính thức

Định nghĩa route

Route rút gọn

Tạo URL

Tài liệu chính thức