Angular 7为脚本标签添加自定义src答案

【问题标题】：Angular 7 add custom src for script tagAngular 7为脚本标签添加自定义src
【发布时间】：2020-07-24 07:03:16
【问题描述】：

我正在使用 Angular cli 构建我的应用程序。

目前它在 dist 文件夹中构建应用程序

index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Admin</title>
  <base href="/">

  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="icon" type="image/x-icon" href="favicon.ico">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="styles.aa8ce79f832f8715c04d.css"></head>
<body>
  <app-root>
  </app-root>
<script type="text/javascript" src="runtime.d981c7f14a84cffbe02a.js"></script><script type="text/javascript" src="polyfills.c914ea4c8f6edd6e6f45.js"></script><script type="text/javascript" src="scripts.b5ea1a3cf9f89977f873.js"></script><script type="text/javascript" src="main.ebfc576e2cbf5f6d553e.js"></script></body>
</html>

我想自定义所有 src 路径以添加 /app 并看起来像：

<script type="text/javascript" src="/app/runtime.d981c7f14a84cffbe02a.js"></script>

有什么办法可以做到吗？

【问题讨论】：

标签： javascript html angular angular7

【解决方案1】：

您可以在构建应用时使用deploy-url 参数

ng build --prod  --deploy-url /app/

【讨论】：

【解决方案2】：

您想添加而不是添加。尝试更改您的基本 href 值，以便所有相对路径都从 app 文件夹开始来自：

<base href="/">

To:
<base href="./">

【讨论】：

这与应用程序文件夹无关，我正在构建一个 springboot jar 的角度。它有一个“/app”的上下文。在这种情况下，当我加载 index.html 时，到我的服务器的下一个 GET 将是 localhost:8080/runtime.js。这将是 404，应该是 localhost:8080/app/runtime.js