AngularJS：絕對路徑與相對路徑

Question

我正在啟動AngularJS應用程序，需要在生產模式下使用絕對路徑調用靜態文件，而在開發中則需要使用相對路徑調用靜態文件。

例如，如果我需要訪問JS靜態文件夾，則在生產中，我需要調用： https ： //statics.domain.com/js ，在開發中，我將有一個常規的assets/js文件夾。

有沒有最好的方法呢？

謝謝！

編輯：一個重要的注意事項是此應用程序與后端分離。

Answer 1

您可以使用基本標記（ https://developer.mozilla.org/en-US/docs/Web/HTML/Element/base ）設置所有相對URL的基本路徑。

因此，您可以進行開發並將生產環境中的基本href更改為static.domain.com。

但是，基本標記有點晦澀，我不建議您將其用於認真的工作。

其他想法：

您能否使用主機文件將static.testdomain.com重定向到您的本地環境。

您能否使用環境變量或其他配置設置來更改javascript引用。

Answer 2

最好的方法是讓服務器根據環境（生產與開發）提供不同的index.html文件。 如果您目前不使用服務器，則可以考慮使用輕量級的NodeJS。

您甚至可以使用模板引擎（ex Express + Jade），並根據環境在不同的情況下構造相同的index.html文件。