Cách này khi kết hợp nhiều Router của Vue thì khi nhấn F5 lại sẽ mất Router của Vue đi .. nó sẽ chỉ ăn vào file routers/web.php phải không b ?

Bài viết hay

Mình đang tìm hiểu NestJS làm theo bạn thì báo lỗi unable to connect to database không biết vì sao ?

Thực sự mình phải đăng nhập để vote cho bạn, cảm ơn bạn nhiều nhé, vấn đề copy shallow và deep này thực sự với những người mới học không quá quan trọng, nhưng khi làm một project nhỏ đụng tới, nếu không hiểu đôi khi không hiểu lỗi do đâu ^^

bài viết rất hữu ích, cảm ơn tác giả

em xin link github code mẫu được không ạ

import AppHeader from "/components/header/Header"; import AppAside from "/components/aside/Aside"; import AppBreadcrumd from "/components/breadcrumb/Breadcrumb"; import AppFooter from "/components/footer/Footer"; import AppControlSiderbar from "*/components/control_siderbar/ControlSiderbar"; Và mình cũng sửa dấu */ này thành ./ thì chạy dc cái npm run dev cuối cùng (dù chưa biết * và . khác gì )

Mình đã tìm ra lý do ko render dc .

Phiên bản bootstrap trong "dependencies": là 3. , và nó ko có SCSS. Mình sửa thành 4.0 , reinstall

https://viblo.asia/p/frontend-install-admin-lte-as-a-node-dependency-gDVK2R9eKLj bạn cài lại theo bài hướng dẫn này xem, xóa thư mục node_module rồi cài lại từ đầu nhé

Trong thư mục dist của mình ko có mấy file này , nên nó ghép npm run dev thất bại?

xóa trằng App.vue cũng bị vậy

Khi mình chạy lại npm install để cài adminLte vào thì nó như này. Có vấn đề gì ko?

npm run dev cuối chạy đỏ lẹt

Mọi người nên thử debug bằng xdebug trên visual code đó là dễ config nhất để mà biết luồng xử lý.

Các bạn tìm hiểu thêm về Business Analyst có thể đọc thêm tại Blog: http://www.bacs.vn/vi/blog/

Cảm ơn bạn, phần sau mình sẽ đi vào chi tiết hơn, thực tế hơn nữa =))

vậy nếu user sửa ID ở storage mà trúng vào ID của 1 user nào khác thì sao hả bạn . kể cả thông tin trả về ko có pass/token, nhưng thế này cũng là để lộ data, mình nên tránh bạn à.

Nếu bạn dùng cách 1, không cần lưu ID ở storage làm gì, bạn request lên server , vào route /getUser chẳng hạn, ko cần gửi thêm gì lên (hoặc có thì tuỳ nhu cầu), server sẽ trả về user vừa đăng nhập (Laravel thì Auth::user(), NodeJS thì có express-session) nhé bạn

mình chưa biết dùng vue route và vueX nên có lẽ mình sẽ tạm dùng cách 1 cho an toàn. Mình tính là sau khi login thì sẽ lưu id vào storage rồi dùng id để request lấy user về. Các request khác thì mình sẽ dựa trên user vừa lấy về chứ ko dùng id đó nữa, vậynếu người dùng cố tình sửa id ở storage thì cũng ko ảnh hưởng gì nữa phải ko bạn? vì mình chỉ dùng ở user thôi

Nhiều tool hay nhưng nhìn Pricing thì chắc rất rất khó tester ở VN mới tiếp cận được

Bài viết rất chi tiết bạn. Ủng hộ tiếp phần sau, viết càng gần với dự án thực tế càng tốt bạn.

chào bạn, Vue chỉ là phía frontend và data sẽ chỉ được giữ ở phiên hiện tại nên nếu bạn redirect -> trình duyệt reload thì mọi thứ sẽ mất. Ở đây bạn có 1 vài giải pháp:

• Sau khi redirect bạn gọi lại API về backend để getUser.
• Đẩy thông tin user vào localStorage (các này ko hay lắm), vì user có thể tự tay chỉnh sửa thông tin này và có thể dẫn tới lỗi dữ liệu (lỗi hiển thị, hoặc thậm chí là lỗi dữ liệu phía backend do các request sau này phụ thuộc vào thông tin user).
• Nếu trang login của bạn cũng dùng Vue thì bạn ko cần redirect dẫn tới load lại trang làm mất dữ liệu nữa, mà bạn chỉ chuyển router (dùng vue router) vào trong, như thế thì bạn có thể giữ được user data (để data ở $root, dùng Vuex,...).

Cách 1: thì cảm giác hơi "thừa" 1 request, nhưng mình nghĩ nó chắc chắn hơn để lấy thông tin user vừa login 1 cách chính xác.

Cách 3: cách 3 thì bạn cần xử lý ở phía frontend để đảm bảo là sau khi login thành công vào bên trong, user ko quay lại được các trang login cũ (trừ khi logout).