我有一个 Angular 5 项目，它在运行 ng serve 时运行良好，但我想将它发送给设计师以进一步处理它。运行 ng build 后，打开 index.html 会导致页面完全空白。
我还有什么需要做的吗？在我的 environment.ts 文件夹中，我将生产设置为 true。请让我知道是否有更简单的方法来发送模拟或如何修复这个，谢谢！
【问题讨论】：
简单的技巧就是从 index.html 的 <base href="/"> 行中删除 /
将行 <base href="/"> 更改为 <base href="">
【讨论】：
很可能是<base href=""> 设置。假设我们有一个名为“foo”的 angular-cli-created 项目。当我们运行ng build --prod 时，默认情况下，Angular 会输出dist/foo 而不会出现任何终端错误。有几点：
这需要放在服务器上，不能通过简单地打开 index.html 来工作。
我们的<base href=""> 需要反映它是如何放在服务器上的（即，将“foo”文件夹与服务器上的其他项目/目录一起添加，或者将 foo 的所有内容转储到服务器的根目录中）。
因此，对于我们的示例，假设我们要将“foo”目录复制到本地服务器上，例如 mamp/wamp 与其他项目。我们这样做，去 localhost/foo 瞧！还是空白页。如果您查看（Chrome 的）开发控制台，您很可能会看到缺少样式/js 的 404。打开索引文件并将<base href="/"> 更改为<base href="/foo/">，现在它应该可以正常显示了。您也可以保留<base href="/"> 原样并将“foo”添加到所有引发错误的 css/js 文件路径上，这样就可以了。
既然我们知道问题出在哪里，我们如何在项目中进行设置？在项目的根目录中，我们打开 angular.json (NG6) 并修改此位以添加 baseHref 和 deployUrl 键/值：
"architect": {
"build": {
"builder": "@angular-devkit/build-angular:browser",
"options": {
"baseHref" : "/foo/",
"deployUrl": "/foo/",
现在，当我们保存并进行另一个构建，并在服务器上替换之前的构建时，一切都会显示出来。您也可以在构建时使用标志进行设置。来自文档：
# Sets base tag href to /myUrl/ in your index.html
ng build --base-href /myUrl/
【讨论】：
/root/myapp/dist/myapp 下并且我运行 http-server -p 4200 /root/myapp/dist/myapp 那么 baseHref 是 / 而不是 '/root/myapp/dist/myapp/'？
项目中的index.html 不是您在服务器上部署的实际index.html。您必须使用ng build --prod 生成您需要在网络服务器中部署的文件。
但是，即使您构建了生产文件，您的设计师仍然无法对生成的 index.html 和其他 js 文件做任何事情。最好的事情是，将整个项目交给设计师并用ng serve教他/她如何运行它
【讨论】：
ng build --prod 生成一些静态文件，你可以部署在任何支持部署静态文件的web服务器上。