Option "deployUrl" is deprecated: Use "baseHref" option, "APP_BASE_HREF" DI token or a combination of both instead. 怎么办

### 回答1：
这个消息告诉你，在你的 Angular 应用程序中使用了已经弃用的选项 "deployUrl"。它建议你使用 "baseHref" 选项、"APP_BASE_HREF" DI 令牌，或者两者的结合来替代。

你可以通过更新你的代码来解决这个问题。在 Angular.json 文件中，找到 "deployUrl" 选项，然后将它替换为 "baseHref" 选项。或者，你也可以在你的应用程序的模块中使用 "APP_BASE_HREF" 令牌来设置应用程序的根路径。

例如，你可以在应用程序的根模块中这样做：

import {APP_BASE_HREF} from '@angular/common';

@NgModule({
  providers: [{provide: APP_BASE_HREF, useValue: '/my-app'}]
})
export class AppModule { }

这样，在你的应用程序中使用的所有相对路径都会相对于 "/my-app" 来解析。

### 回答2：
在Angular项目中，当使用Option "deployUrl"选项时会出现提示"deployUrl"选项已过时，请使用"baseHref"选项、"APP_BASE_HREF" DI令牌或两者的组合来替代。为了解决这个问题，可以进行以下操作：

1. 使用"baseHref"选项：将"deployUrl"选项的值替换为"baseHref"选项，例如：

"baseHref": "/your-base-url/"

2. 使用"APP_BASE_HREF" DI令牌：在你的应用模块中，导入`APP_BASE_HREF`并使用它来提供应用的基本路径，例如：

import { APP_BASE_HREF } from '@angular/common';

@NgModule({
  providers: [
    { provide: APP_BASE_HREF, useValue: '/your-base-url/' }
  ]
})
export class AppModule { }

3. 使用两者的组合：将"deployUrl"选项的值替换为"baseHref"选项的值，然后在应用模块中使用"APP_BASE_HREF" DI令牌来提供应用的基本路径。

这样做将解决"deployUrl"选项已过时的问题，并通过使用"baseHref"选项、"APP_BASE_HREF" DI令牌或两者的组合来设置应用的基本路径。

### 回答3：
在Angular中，如果看到警告消息"Option 'deployUrl' is deprecated: Use 'baseHref' option, 'APP_BASE_HREF' DI token or a combination of both instead"，意味着"deployUrl"选项已被弃用，应该使用"baseHref"选项、"APP_BASE_HREF" DI标记或两者的组合代替。

要解决这个问题，有几个步骤可以采取：

1. 更新Angular CLI版本：首先，确保你正在使用最新版本的Angular CLI。通过运行以下命令，可以检查CLI版本：

   ng version

如果你的版本不是最新的，可以通过运行以下命令来更新CLI：

   npm install -g @angular/cli

2. 替换"deployUrl"选项：将"deployUrl"选项替换为"baseHref"选项。在angular.json文件中搜索"deployUrl"，并将其替换为"baseHref"。例如：

   "projects": {
      "your-project-name": {
         "architect": {
            "build": {
               "options": {
                  "baseHref": "/"
               }
            }
         }
      }
   }

在上面的示例中，将"deployUrl"的值替换为"/"，这是指定应用程序的基本URL路径。

3. 使用"APP_BASE_HREF" DI标记：你还可以使用"APP_BASE_HREF" DI标记来定义应用程序的基本路径。在你的根模块（通常是app.module.ts）中，导入"APP_BASE_HREF" DI标记，并将其添加到providers数组中，如下所示：

   import { APP_BASE_HREF } from '@angular/common';
   // ...其他代码...

   @NgModule({
      providers: [
         { provide: APP_BASE_HREF, useValue: '/' }
      ],
      // ...其他代码...
   })
   export class AppModule { }

在上面的示例中，我们将"APP_BASE_HREF"设置为'/'，以指定应用程序的基本URL。

最后，确保保存所做的更改，并重新运行应用程序，警告消息应该不再出现。