【问题标题】:Angular - Is this an app issue or a deployment issue?Angular - 这是应用程序问题还是部署问题?
【发布时间】:2018-01-09 00:08:15
【问题描述】:

我正在使用 Angular(v4+) 构建个人网站。我知道这对于一个简单的网站来说有点过分了。 Angular 是一个我非常想改进的框架,所以这就是我使用它的原因。在整个开发过程中,我使用ng serve 进行测试。该应用程序使用ng buildng build --prod 成功构建。即使ng serve --prod 也有效。但是,当我想在 dist 文件夹中的已编译文件上测试应用程序时,只有部分应用程序可以工作(我的控制台中出现运行时错误,并且资产在图片未加载的地方有点偏离) .

现在,我在 StackOverflow 上的其他地方读到,用于 Angular 构建的 dist 文件夹仅用于服务/部署,并且打开 index.html 文件不会为您提供正确的结果(即使使用 ng build --bh .)。我这样说对吗?

这就是我的问题:我的 Angular 构建是否有问题,或者我只是未能将其正确部署到服务器? (在我的例子中是 Azure Web 应用)

非常感谢!

【问题讨论】:

  • 在没有 Express 的情况下运行 Angular 应用程序我没有太多经验。使用 Express,我从来没有遇到过错误(有时我用来测试我的应用程序的 http-server 也没有),但是如果我们尝试直接打开 index.html,似乎会出现一些问题,正如我们在 stackoverflow.com/questions/47960446/… 中看到的那样。但与此同时,我用ng new project-name 创建了一个简单的Angular 应用程序,用ng build --prod --base-href ./ 构建并直接在浏览器中打开index.html - 它可以工作。

标签: javascript angular azure angular-cli


【解决方案1】:

您如何提供文件?

查看 npm 上的 http-server 以获得可移植的 Web 服务器。

【讨论】:

  • 这应该是评论,而不是答案,因为它是为了澄清。 (而且你有足够的声誉来发布 cmets)
  • @DavidMakogon 感谢您参与讨论。您的评论确实有助于推进对话。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-11-19
  • 2020-11-01
  • 2013-06-25
  • 1970-01-01
  • 1970-01-01
  • 2015-04-15
相关资源
最近更新 更多