Vòng chuyển hướng vô hạn trên Android khi chuyển hướng từ máy chủ với AngularJS

Question

Tôi đang tạo ứng dụng web/phonegap cho phiên bản Android cũ hơn (2.3.x). Tất cả mọi thứ hoạt động tuyệt vời cho đến khi tôi cố gắng thêm bất kỳ chuyển hướng máy chủ vào hỗn hợp. Đây là kịch bản:

Máy chủ (node.js) có tuyến đường đang nghe tại '/'. Khi tuyến đường này bị đánh, nó sẽ kiểm tra xem có phiên nào không. Nếu không có phiên, nó chuyển hướng đến/đăng nhập. Tốt, phần này hoạt động (máy chủ khôn ngoan, anyways).

Sự cố phát sinh khi khách hàng nhận được chuyển hướng. Bởi vì Android 2.3 không hỗ trợ history.pushState, nó rơi trở lại hashbangs. Điều này có nghĩa là AngularJS ghi đè url vào/#!/Login, điều này làm cho máy chủ yêu cầu '/', khiến máy chủ kiểm tra phiên và chuyển hướng đến '/ login', điều này khiến AngularJS ghi đè url thành/#!/đăng nhập .. vv .. vv .. vô thời hạn.

Bất kỳ ý tưởng nào về cách tôi có thể chuyển hướng từ máy chủ với AngularJS? Tôi có nên không xử lý logic này trong tuyến đường của mình mà thay vào đó hãy thử triển khai nó trên máy khách? Phải có một cách để xử lý điều này, tôi chắc chắn, nhưng tôi chỉ có thể không tìm ra nó.

Mọi trợ giúp sẽ được đánh giá cao. Cảm ơn!!

Answer 1

Sẽ tốt hơn nếu bạn thực hiện xác thực hoàn toàn phía máy khách. Thực hiện cuộc gọi ajax khi bắt đầu ở đầu góc yêu cầu chúng tôi có đăng nhập hay không. Nếu không, hãy nhắc người dùng cung cấp thông tin (có thể trong hộp thoại phương thức) và sau đó POST vào '/ login' trên máy chủ.

Để bảo mật, không có thông tin nhạy cảm xác thực nào được lưu trữ ở phía máy khách. Thay vào đó, có nó lấy với ajax - và trả lời ajax với một 401 hoặc một số lỗi nếu người dùng không đăng nhập một cách chính xác.

Answer 2

Sử dụng một đối tượng đơn giản để đổi hướng chỉ huy:
Nếu người dùng không đăng nhập, trở {action: "redirect" url:"/login"}

Sau đó, trong khách hàng, sau khi nhận được phản ứng, kiểm tra action == 'redirect' và $location.path(url)