Cách áp dụng bộ định tuyến đường trục cho đường dẫn đầy đủ, không phải là băm

Question

Khả năng đó có tồn tại không? Trang web của chúng tôi không phải là một trang, nhưng tất cả các tệp js được nén bên trong application.js, tôi có thể sử dụng bộ định tuyến đường trục cho phân tích location.path không?

Tôi thử Backbone.history.start(pushState: true). Nó làm việc cho tôi, nhưng nó có đúng không? Tôi chỉ cần phân tích cú pháp ban đầu, không phải các tuyến đường và chuyển hướng phức tạp qua Backbone.Router.

Answer 1

Bạn chỉ có thể sử dụng bộ định tuyến chuẩn. Khi bạn khởi tạo nó và khởi động đối tượng lịch sử, bạn có thể thiết lập thư mục gốc mà nó nên sử dụng làm cơ sở của nó. Trong trường hợp này có vẻ như bạn muốn sử dụng '/'

var MyRouter = Backbone.Router.extend({ 
    routes: { 
     "application/": "somefunc" 
    } 
} 

var app = new MyRouter(); 
Backbone.history.start({pushState: true, root: '/'}); 

Bạn sẽ cần phải thiết lập máy chủ web của bạn để phục vụ lên tập tin HTML của bạn bất cứ khi nào bất kỳ thư mục được gọi là trên máy chủ của bạn (để xương sống, không đường ray, sẽ xử lý các tuyến đường của bạn).

Cuối cùng, trong tệp HTML, tôi có một hàm chạy trên Dom sẵn sàng và kéo đường dẫn ra khỏi URL và chuyển nó đến navigate.

var path = location.pathname; 
app.navigate(path, {trigger: true}); 

Answer 2

Bạn sẽ cần phải viết bộ định tuyến của riêng mình, nhưng may mắn thay điều đó khá dễ dàng. Dưới đây là một tôi chỉ viết cho một trang web tôi đang làm việc trên:

var routes = { 
    "terms": "terms", 
    "privacy": "privacy", 
    "password-reset": "reset" 
}; 

var path = window.location.pathname.replace("/", ""); 
var page = routes[path]; 
if (!page) { 
    page = "404"; 
} 

Tôi không cần bất kỳ khớp ưa thích cai trị Backbone cung cấp, nhưng nó sẽ không quá khó để mở rộng ý tưởng này với bình thường biểu thức. Hoặc có lẽ ai đó có thể viết một mô-đun nhỏ sử dụng logic kết hợp của Backbone nhưng không thực hiện chuyển hướng hash/pushState.

Answer 3

Tôi gặp vấn đề tương tự với IE, có một sự sollution đơn giản. Tải xuống modernizr và bao gồm nó.

Sau đó làm:

Backbone.history.start({ pushState: Modernizr.history }); 

này nên làm các trick.

Answer 4

Tôi đang sử dụng này:

window.location.href.replace(Backbone.history.getFragment(), ''); 

để có được url tuyệt đối của gốc xương sống của ứng dụng.