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。

您甚至可以使用模板引擎（例如 Express + Jade）并根据环境以不同方式构建相同的 index.html 文件。