你必须为你的第一个应用运行ng serve --publicHost https://localhost/my-app-1。以及其他应用程序的相应公共主机。这将确保来自/sockjs-node/的流量被发送到不同的URL。
来自--publicHost的Angular 文档“浏览器客户端（或live-reload客户端，如果启用）应该用来连接到开发服务器的URL。用于复杂的开发服务器设置，例如具有反向代理的设置。”

我已经设法设置类似的情况下与express和http-proxy-middleware。
最相关的快递代码如下：

const http = require('http');
const express = require('express');
const proxy = require('http-proxy-middleware');
const url = require('url');

const app = express(); 
// ... some express setup

app.use('/my-app-1', proxy({
  target: 'http://127.0.0.1:4202',
  changeOrigin: true,
  pathRewrite: { '^/my-app-1': '' },
  xfwd: true,
  ws: true
}));

// analogically the same for 'my-app-2'

// redirect to default app
app.get('/', (req, res) => res.redirect(
  url.format({ pathname: '/my-app-1', query: req.query }))
);

const httpServer = http.createServer(app);
httpServer.listen(5000);

我还在index.html中的两个应用程序中更改了<base href=...>：

<base href="/my-app-1/">

请确保使用不带前导斜杠的资源，例如：<img src="assets/my-image.png">
在我的例子中，我需要一些更多的Angular 配置来处理ngx-translate的资产：

import { APP_BASE_HREF } from '@angular/common';
import { TranslateLoader, TranslateModule } from '@ngx-translate/core';
import { TranslateHttpLoader } from '@ngx-translate/http-loader';

@NgModule({
  imports: [
    // ...
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: httpLoaderFactory,
        deps: [HttpClient, APP_BASE_HREF]
      }
    })
  ],
  declarations: // ...
  exports: // ...
  providers: [
    // ...
    { provide: APP_BASE_HREF, useValue: '/my-app-1/' }
  ]
})
export class AppModule {
}

export function httpLoaderFactory(http: HttpClient, baseHref) {
  return new TranslateHttpLoader(http, baseHref + 'assets/i18n/', '.json');
}

最后，我不得不按照@Dennis的建议设置publicHost-我已经更新了angular.json中两个应用程序的配置，在architect.serve.options部分：

"publicHost": "http://localhost:5000/my-app-1"

并按预期工作，包括热重新加载。

更新：现在通过Angular CLI v8.3.14修复了此问题
对于旧版本，可以使用@angular-builders/custom-webpack修复此问题：

• npm install @angular-builders/custom-webpack --save-dev或yarn add @angular-builders/custom-webpack --dev
• 按此处所述更新angular.json
• 添加./extra-webpack.config.js文件

module.exports = (config, options) => {
  if(!config.devServer) {
    // do nothing for `ng build`
    return config;
  }
  return {
    ...config,
    devServer: {
      ...config.devServer,
      sockPath: `${config.devServer.publicPath}/sockjs-node`
    }
  };
};

我已经设置了一个应用修复的演示项目：https://github.com/micmro/angular-base-href-reload-socket-path-workaround

我通过使用localhost的子域成功地获得了类似的设置。

• https://app1.localhost:5080
• https://app2.localhost:5080

。。。等等
看起来基于chrome的浏览器会将localhost的任何子域解析为localhost地址。（我只在Windows上测试过Chrome和Edge）
或者，您可以始终在计算机上添加主机条目。
Nginx的配置看起来像这样：

server{ 
    listen 5080;
    server_name app1.localhost

    proxy_set_header Upgrade $http_upgrade;
    proxy_set_header Connection 'upgrade';
    proxy_set_header Host $host;

    proxy_http_version 1.1;
    proxy_cache_bypass $http_upgrade;

    location / {
        proxy_pass http://127.0.0.1:4200
    }
}

....为每个应用程序重复整个服务器块，只需更改服务器名称和proxy_pass设置
我正在监听端口5080，但你当然可以使用任何端口。