如何为 Angular 应用程序设置基本 URL

Jer*_*sen 10 jhipster angular

我有一个由 JHipster 生成的 Angular 应用程序。默认情况下,它在根/url上运行,并重定向到/#/. 有没有办法将其覆盖为其他内容?

编辑

抱歉,我必须重新表述我的问题,因为它在下面的所有答案中都被误解了。我希望的土地上比其他的东西我JHipster生成角的应用/,如/crud/。目的是在/. 如何将整个应用程序从 移动//crud/?并且仍然/由静态index.html文件提供服务?

小智 19

最好在构建项目时进行。像这样:

ng build --prod --base-href=/test/
Run Code Online (Sandbox Code Playgroud)

  • 请注意,“/test/”中的两个斜杠都是必需的 - 我错过了一个斜杠,并花了一段时间才找到原因。 (2认同)

小智 7

您可以使用<base href="/">insrc/index.html文件对其进行修改。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>SiteFrontend</title>
    <base href="/test">   //<------ this line

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
    <app-root></app-root>
</body>
Run Code Online (Sandbox Code Playgroud)


小智 5

请按照以下步骤操作:

  1. 设置useHash: falseapp-routing-module.ts
  2. 在 中index.html,更改<base href="./" /><base href="/" />