Blazor css 未应用于 Docker

Question

我的 Blazor 应用和 Docker 有问题。在调试中，css没有问题，但是当我将应用程序放在Docker下时，我的组件没有css。

重播我的问题：

创建新的应用 blazor 服务器（项目名称：TestLib）
添加我的小金块包：FanLib

在_Host.cshtml中添加

<link href="_content/FanLib/FanLib.css" rel="stylesheet" />

并在 Index.razor

@page "/"

@using FanLib

<h1>Hello, world!</h1>

Welcome to your new app.

<span>
    <FanButton TextDansBouton="Plouf" />
    <FanButton TextDansBouton="Plouf2" />
</span>

<FanComposant Nom="Lala" Id="12" NombreDeClickRecu="15"></FanComposant>

按钮必须是绿色的，FanComposant 是一张带有 .grow 的卡片。

我的 dockerfile

FROM mcr.microsoft.com/dotnet/aspnet:5.0 AS base
WORKDIR /app
EXPOSE 80

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

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

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

我浏览了容器，有：

/app/_content/FanLib/fanLib.css

那么为什么 css 不适用？

感谢您的帮助。

Answer 1

我找到了。是我。

我写

<link href="_content/FanLib/FanLib.css" rel="stylesheet" />

但它是:

<link href="_content/FanLib/fanLib.css" rel="stylesheet" />

它是 fanLib.css 而不是 FanLib.css ...

Blazor css 未应用于 Docker

Blazor css is not applied in Docker

css

docker

dockerfile

blazor-server-side