Question

当我使用ng服务并使用webpack运行我的webapp时，angular-cli仅提供前端开发环境，所有内容都完美呈现，但是当我使用ng build或ng build --prod并使用快速服务器运行它并返回结束它没有加载任何图像，CSS或JavaScript，只是从角应用程序的原始HTML。我四处搜索并找到angular-cli.json并将我的img文件夹，fonts文件夹，css文件夹添加到资源中，并将所有js文件添加到scripts数组中，将css文件添加到样式数组中，但现在它甚至无法构建，因为所有路径都被破坏了。

它在我的控制台中给了我两页红色文字，告诉我图像，字体和其他文件无法解决。很显然，它已经改变了相对路径，并且可怕地破坏了所有内容，如何在构建时修复此问题而不必对路径更改进行硬编码？

Answer 1

您似乎正在尝试从子目录加载网站。您应该能够通过在index.html的头部设置基本href =“”标记来解决错误。

https://angular.io/docs/ts/latest/guide/deployment.html#!#dev-deploy

<html>
 <head>
  <base href="file:///C:/Users/Sean/OneDrive/webpages/000/lasttry/">
 </head>
 <body>
  <app-root>Loading...</app-root>
 </body>
</html>

...假设index.html位于C：/ Users / Sean / OneDrive / webpages / 000 / lasttry /

请注意，这只会在URL访问index.html的路径时修复损坏的链接：

文件：/// C：/Users/Sean/OneDrive/webpages/000/lasttry/index.html

Angular CLI和NG构建了css，照片，字体，图像和所有内容的破解路径

1 个答案: