主幹，導軌，跨域和前端/後端解耦？

我需要分離前端和後端。我使用Rails作爲後端和Backbone作爲前端。主幹，導軌，跨域和前端/後端解耦？

經過幾天的試驗和錯誤，我可以在服務器上設置CORS。這一切都歸功於這個模塊：

https://github.com/yaoweibin/nginx_cross_origin_module

現在我發現，骨幹不支持跨域調用，開箱即用。

我想知道什麼是從後端解耦Backbone的最佳方式？

我看到了兩個解決方案：骨幹機型

1）寫路徑/集將指向服務器，所以我會得到例如：

class App.Collections.Plots extends Backbone.Collection 
    model: App.Models.Plot 
    url: 'http://www.app.com/api/plots'

這將意味着我將有還要修補Backbone方法來支持跨域。

2）設置這樣的前端部的軌道側，即Rails的，不Backone將作出跨域調用到服務器。這似乎很奇怪，因爲主力，是應該讓更容易的去耦現在我會迴歸軌道解決方案。

來源

2012-10-10 Stpn

現在我發現Backbone不支持開箱即用的跨域調用。

Backbone.js「支持」跨域調用。實際上，它並不是特定於backbone.js，它支持瀏覽器的角色。在兼容CORS的瀏覽器中，每個請求（POST，GET）之前都有一個OPTIONS請求，用於檢查服務器是否授權相應的POST或GET請求。

所以你只需要在你的rails應用程序中響應這個新的調用。例如：從這個偉大的職位

class ApplicationController < ActionController::Base 
    before_filter :cors_preflight_check 
    after_filter :cors_set_access_control_headers 

    # For all responses in this controller, return the CORS access control headers. 
    def cors_set_access_control_headers 
    headers['Access-Control-Allow-Origin'] = '*' 
    headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS' 
    headers['Access-Control-Max-Age'] = "1728000" 
    end 

    # If this is a preflight OPTIONS request, then short-circuit the 
    # request, return only the necessary headers and return an empty 
    # text/plain. 
    def cors_preflight_check 
    if request.method == :options 
     headers['Access-Control-Allow-Origin'] = '*' 
     headers['Access-Control-Allow-Methods'] = 'POST, GET, OPTIONS' 
     headers['Access-Control-Allow-Headers'] = 'X-Requested-With, X-Prototype-Version' 
     headers['Access-Control-Max-Age'] = '1728000' 
     render :text => '', :content_type => 'text/plain' 
    end 
    end 

end

代碼：http://www.tsheffler.com/blog/?p=428

所以，如果你的Nginx插件工作正常，你應該確定。只需檢查您的Access-Control-Allow-Origin標題是否包含執行javascript的域。

來源

2012-10-11 08:44:26 Tricote

主幹，導軌，跨域和前端/後端解耦？

回答

相關問題