Angular2 / NodeJS項目結構和CORS問題

Question

到目前為止，我一直在使用Spring Boot和jQuery開發JEE Web應用程序，這是我第一次開發NodeJS / Angular2應用程序。 在JEE應用程序中，客戶端和服務器端組件都被編譯到單個jar / war文件中。 但是，在我的新開發環境中，我將客戶端和服務器端作為兩個單獨的項目進行開發（偵聽不同的端口），並從Angular2服務層調用后端url。 我遇到跨源資源共享（CORS）問題。

我的問題是，將Angular和NodeJS作為兩個獨立的應用程序開發並通過在NodeJS中使用cors模塊解決CORS問題的慣例是嗎？

我從節點方面找到了一些解決方案，如下所示：

var cors = require('cors')
var app = express()
app.use(cors())

因此，如果您能幫助我澄清，我將不勝感激

1. 該架構中正確的項目結構
2. 建議的CORS問題解決方案。

問候。

Answer 1

是的，在前端和后端使用兩個單獨的項目是很普遍的。 但這並不意味着這是最好或唯一的方法。 它始終取決於您的特定要求和項目的規模。 對於較小的項目，將兩個項目放在同一個存儲庫中可能會更容易，但這是個人喜好。

關於CORS，這實際上取決於您要執行的操作。 僅僅因為您有兩個單獨的存儲庫並不意味着您必須在不同的域/端口上提供它們。 例如，您可以使用nginx將請求路由到您的API或前端，具體取決於URL。 如前所述，如果它們不在同一域/端口上托管，則必須禁用CORS。 嘗試使規則盡可能嚴格，僅允許您的特定域。