2017-05-25 69 views
1

我有一個工作的Django項目。我想用Angular 2。我是Angular的新手,並帶了一些教程。我一直在關注this鏈接以使用Django和Angular2。但由於一些軟件包的不兼容性,我想用angular-cli開始一個新的角度項目並拉入我的代碼。但是,角CLI似乎有systemjs.config.js刪除這是我不得不編輯以連接到Angular2初始index.html代碼的Django的文件。那麼,現在是否有另外一個systemjs.config.js?任何有關Django與[email protected]集成的教程,視頻或文檔的指針,將不勝感激。如何使用Django與角CLI @的WebPack

回答

2

將Django與使用Angular CLI生成的Angular 2+應用程序集成在一起非常簡單直接。您可以簡單地按照這些步驟進行操作,具體取決於您是否在開發或生產。

在發展:具有2個服務器是沒有問題的。

首先在您的Django項目中導航,然後使用Angular CLI生成Angular應用程序。

配置Angular CLI以使用內置代理,因此您可以在將來自Angular應用程序的請求發送到您的Django後端時避免瀏覽器相同來源策略。

在2個獨立終端啓動Angular CLI服務器和Django本地服務器。

在生產中:你必須使用只有一臺服務器。

您不能擁有兩臺服務器,因此您需要將您的Angular應用程序構建到dist文件夾中,然後使用Django來爲該文件夾內的index.html文件提供服務。

您可以按照此tutorial中的詳細過程。

+0

這並不能掩蓋CSRF令牌,而在發展,POST請求將無法正常工作。 – Bufke