Question

我使用以下方法构建了我的应用程序：

// Test Data
var strings = Enumerable.Range(0, 12)
  .Select(i => (string.Format("{0, -15} {1,-35} {2, -20}", i, "Model", "35GB")));

// Project out a tuple of (index, string)    
var indexedTuples = strings.Select(s => (idx: int.Parse(s.Substring(0, 15)), str: s));
var sorted = indexedTuples.OrderBy(t => t.idx)
                          .Select(t => t.str);

我注意到已部署的应用程序未加载某些图像。

正确加载的图像是通过GET发送到以下地址获得的：ng build --prod --base-href https://3hdw.github.io/zpi-frontend/
并且由于某些原因，应用尝试使用错误的地址https://3hdw.github.io/zpi-frontend/assets/fileName加载其他图片，导致未加载某些资产。

更新角度项目后，我注意到了这种行为。

编辑：

未加载的图像用CSS指定：https://3hdw.github.io/assets/fileName
加载的图像使用html指定：background-image: url("/assets/fileName");

在将<img src="assets/fileName"/>更改为url("/assets/fileName")图像之后，但是应该有更好的解决方案

Answer 1

在运行--deployUrl命令时尝试使用ng build。这将设置资产前缀。

部署在github页面上的应用程序将资产的GET发送到错误的地址

1 个答案: