在 Azure 上部署 Angular 2“快速入门”示例

Question

这是Angular 2的官方示例，这里是repo。 我按照说明进行了设置：Visual Studio 2015 QuickStart。

添加了我的东西，在本地运行，到目前为止一切顺利。所以，我继续前进，只是按照我通常部署 ASP.NET 项目的方式将项目部署到 Azure，好吧，实际上它是一个空的 ASP.NET 项目。我在 Azure 的控制台中运行了npm install：

看起来包已经安装好了。

部署后，我必须手动去domain.azure.net/src/index.html，并且无法加载.js文件，似乎它们是被禁止的，因为返回了src/index.html：

我怎样才能让它工作？非常感谢。

Answer 1

我可能想太多了，其实，当我们注意到所有这些复杂的配置都与部署无关时，找到解决方案并不难。一旦我们完成了所有的转换，它就只是简单的 HTML 和 JavaScript。

我采取了两项措施使其发挥作用：

1. 从 index.html 中移除 base 标签；
2. 假设你的应用服务在Azure上的根目录是D:\home\site\wwwroot\，那么将D:\home\site\wwwroot\src\下的文件和文件夹移动到D:\home\site\wwwroot\

我在blog 中写下了更多细节。

接下来的问题是生产部署需要维护一个单独版本的src代码，还需要自定义部署过程。那里有很多任务运行程序，但我不确定在 Azure 部署的情况下我们有哪些选择。