如何从单独的Docker容器中调用ASP.NET Core Web API端点

我有两个项目：

1. UI（.NET Core 3.1 MVC字体结尾）
2. API（.NET Core 3.1 Web API）

每个都在两个单独的容器中运行。他们共享一个docker-compose文件来构建它们。从UI项目中，我希望能够进行AJAX调用以击中API项目中的端点。到达终点的URL是什么？

我试过的

1. 如果我单独使用IIS运行API项目，则可以通过导航到来成功命中端点https://localhost:49239/weatherforecast。但是，再次，我想通过从UI项目中的客户端调用该端点来实现此端点。
2. 如果我使用docker-compose启动两个容器，则从UI项目中单击将我的AJAX调用执行到端点的按钮，该按钮将https://localhost:49239/weatherforecast不起作用。我尝试对URL的宿主部分进行多种变体以实现此目的。

根据撰写中的网络

Compose为您的应用设置一个网络。服务的每个容器都加入默认网络，并且都可以被该网络上的其他容器访问，并且可以在与容器名称相同的主机名下被它们发现。

这样，我还尝试了主机URL的多种变体，例如https://api:49243/weatherforecast其中“ api”是我的docker映像的名称，“ 49243”是由列出的端口docker ps。我也尝试过：

• https://api:80/weatherforecast
• https://api:433/weatherforecast
• https://api:PORT_NUM/weatherforecast 其中“ PORT_NUM”是使用以下命令查看时为容器列出的任何端口号 docker ps

那么我该如何达到这个目标呢？？？

注意：

• 我已经运行，docker inspect CONTAINER_NAME并且我知道两个容器都在同一网络上。

档案：

1. UI> Index.cshtml：

@{
    ViewData["Title"] = "Home Page";
}

<div class="text-center">
    <h1 class="display-4">Welcome</h1>
    <p>Learn about <a href="https://docs.microsoft.com/aspnet/core">building Web apps with ASP.NET Core</a>.</p>
    <button type="button" class="btn btn-primary" onclick="callAPI()">Call API</button>
</div>

@section scripts {
    <script>
        function callAPI() {
            console.log("calling API...");

            $.ajax({
                url: `https://api:49221/weatherforast/get`,
                method: 'GET',
                success: function (data) {
                    console.log(data);
                },
                error: function (error) {
                    console.log(error);
                }
            });
        }
    </script>
}

2. UI> Dockerfile：

FROM mcr.microsoft.com/dotnet/core/aspnet:3.1-buster-slim AS base
WORKDIR /app
EXPOSE 80
EXPOSE 443

FROM mcr.microsoft.com/dotnet/core/sdk:3.1-buster AS build
WORKDIR /src
COPY ["UI/UI.csproj", "UI/"]
RUN dotnet restore "UI/UI.csproj"
COPY . .
WORKDIR "/src/UI"
RUN dotnet build "UI.csproj" -c Release -o /app/build

FROM build AS publish
RUN dotnet publish "UI.csproj" -c Release -o /app/publish

FROM base AS final
WORKDIR /app
COPY --from=publish /app/publish .
ENTRYPOINT ["dotnet", "UI.dll"]

3. API> WeatherForecastController.cs：

using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Logging;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;

namespace API.Controllers
{
    [ApiController]
    [Route("[controller]")]
    public class WeatherForecastController : ControllerBase
    {
        private static readonly string[] Summaries = new[]
        {
            "Freezing", "Bracing", "Chilly", "Cool", "Mild", "Warm", "Balmy", "Hot", "Sweltering", "Scorching"
        };

        private readonly ILogger<WeatherForecastController> _logger;

        public WeatherForecastController(ILogger<WeatherForecastController> logger)
        {
            _logger = logger;
        }

        [HttpGet]
        public IEnumerable<WeatherForecast> Get()
        {
            var rng = new Random();
            return Enumerable.Range(1, 5).Select(index => new WeatherForecast
            {
                Date = DateTime.Now.AddDays(index),
                TemperatureC = rng.Next(-20, 55),
                Summary = Summaries[rng.Next(Summaries.Length)]
            })
            .ToArray();
        }
    }
}

4. API> Dockerfile：

FROM mcr.microsoft.com/dotnet/core/aspnet:3.1-buster-slim AS base
WORKDIR /app
EXPOSE 80
EXPOSE 443

FROM mcr.microsoft.com/dotnet/core/sdk:3.1-buster AS build
WORKDIR /src
COPY ["API/API.csproj", "API/"]
RUN dotnet restore "API/API.csproj"
COPY . .
WORKDIR "/src/API"
RUN dotnet build "API.csproj" -c Release -o /app/build

FROM build AS publish
RUN dotnet publish "API.csproj" -c Release -o /app/publish

FROM base AS final
WORKDIR /app
COPY --from=publish /app/publish .
ENTRYPOINT ["dotnet", "API.dll"]

5. 码头工人组成：

version: '3.4'

services:
  ui:
    image: ${DOCKER_REGISTRY-}ui
    build:
      context: .
      dockerfile: UI/Dockerfile

  api:
    image: ${DOCKER_REGISTRY-}api
    build:
      context: .
      dockerfile: API/Dockerfile

6. 为了更好地理解解决方案的结构，这是我的解决方案资源管理器的屏幕截图