Docker 镜像中不包含 wwwroot 中的静态文件

2024-04-06

只是玩了一下。 我得到了一个 Visual Studio 解决方案,包含 3 个项目。 这三个都是需要的。 一个项目(“一”)是应用程序的 UI。当然,它包含 wwwroot 中的静态文件。

我想对应用程序进行 docker 化。 Dockerfile 在这里可以工作。 然后我通过 Ubuntu 服务器上的 kubernetes 加载此映像。

这里没问题,容器正在运行并服务请求。

但它根本不提供静态文件。所有这些文件请求都会导致 404 HTTP 错误。该网站看起来像垃圾(但可以加载)。

所以我登录到容器并开始观察 /app 的内容。这里没有名为“wwwroot”的目录。也不是子目录。 我不确定 wwwroot 目录是否属于这里?或者该目录包含在应用程序的dll中?

经过大量搜索(还在 StackOverflow 上发现了一些有用的问题),我发现文件会自动包含在构建过​​程中。无需在 csproj 文件中单独定义它们。但如果我这样做,它会导致“包含重复文件”或类似的错误。

这是 Dockerfile:

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

FROM mcr.microsoft.com/dotnet/core/sdk:3.0-buster AS build
WORKDIR /src
COPY one/one.csproj one/
COPY two/two.csproj two/
COPY three/three.csproj three/
COPY . ./

WORKDIR "/src/one"
RUN dotnet build -c Release -o /app
WORKDIR "/src/two"
RUN dotnet build -c Release -o /app
WORKDIR "/src/three"
RUN dotnet build -c Release -o /app

FROM build AS publish
RUN dotnet publish -c Release -o /app

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

是的,我正在使用 UseStaticFiles:

public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
    if (env.IsDevelopment())
    {
        app.UseDeveloperExceptionPage();
    }
    else
    {
        app.UseExceptionHandler("/Home/Error");
    }
    // IMPORTANT: This session call MUST go before UseMvc()
    app.UseSession();
    app.UseStaticFiles();
    ...

并且静态文件(大部分)都是以正确的区分大小写进行访问的。但正如我已经说过的,none可以访问静态文件。

在视图中,我的应用程序包含如下 CSS 文件:

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="~/framework/1.css">
    <link rel="stylesheet" href="~/framework/2.css" media="screen,projection">
    ...

在 docker 内运行时,会生成以下 HTML 输出:

<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="/framework/1.css">
    <link rel="stylesheet" href="/framework/2.css" media="screen,projection">
    ...

看到缺少的波形符 ~ 吗?

如何将静态文件包含到docker镜像中?

谢谢你!索拉


好吧,现在我自己发现了。

错误出在 Dockerfile 本身。 我需要明确说明要构建哪个 csproj 文件以及要发布哪个 csproj 文件。这就是我学到的here https://medium.com/@wcproxd/asp-net-core-and-docker-a-step-by-step-guide-a253062b1a9a.

实际上,不需要在 csproj 文件中定义诸如“包含此文件和此目录”之类的内容。

实际上很重要的一点是,wwwroot 目录没有编译到 dll 中。它存在于容器中的 /app 文件夹内(该信息我在任何地方都找不到,但我得到了提示here https://medium.com/@alcalawilfre/asp-net-core-with-docker-a-beginers-guide-4f490f644a89).

这还提供了将外部文件夹映射到容器的能力(因此您可以编辑静态文件,而不必一次又一次地重新对其进行 dockerize - 当然这不适用于生产环境)。

同样重要的是,对于生产环境以及通常对于您不想进入映像的所有静态文件(如源 SCSS、un-混淆的 https://obfuscator.io/JS、临时文件、文件副本的备份副本等),应使用 .dockerignore 文件。

如果不这样做,静态文件可以直接通过浏览器访问,因为它们直接进入 wwwroot 目录。

这是我的工作 Dockerfile。

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

FROM mcr.microsoft.com/dotnet/core/sdk:3.0-buster AS build
WORKDIR /src
COPY all.sln ./    # not sure if I need this
COPY one/one.csproj one/
COPY two/two.csproj two/
COPY three/three.csproj three/
COPY . ./

RUN dotnet build "/src/one/one.csproj" -c Release -o /app
RUN dotnet build "/src/two/two.csproj" -c Release -o /app
RUN dotnet build "/src/three/three.csproj" -c Release -o /app

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

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

希望我的解释能够帮助其他人将来解决这个问题。

谢谢你!索拉

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Docker 镜像中不包含 wwwroot 中的静态文件 的相关文章

随机推荐