在 Docker 中展示一个 ViteJS 构建的 React 项目时,确保在根目录下存在一个 'favicon.ico' 文件。然后,您可以按照以下步骤进行操作:

  1. 确保 'favicon.ico' 文件位于您的 React 项目的根目录中。

  2. 在 Dockerfile 中,将 'favicon.ico' 文件复制到 Nginx 的静态文件目录中。可以使用以下指令添加该文件:

    COPY ./favicon.ico /usr/share/nginx/html/favicon.ico
    

    这将把 'favicon.ico' 复制到 Nginx 的默认静态文件目录 '/usr/share/nginx/html' 下。

  3. 重新构建和运行 Docker 容器。

    docker build -t my-nginx-image .
    docker run -p 80:80 my-nginx-image
    

    在这里,'my-nginx-image' 是您的 Nginx Docker 镜像的名称。

  4. 在浏览器中访问您的 Docker 容器的 IP 地址或主机名。例如,如果您在本地运行 Docker,则可以在浏览器中访问 'http://localhost'。

    您的 React 项目应该能够正确加载 'favicon.ico' 并在浏览器中显示。


原文地址: https://www.cveoy.top/t/topic/mHb8 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录