在 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 并在浏览器中显示。

docker 中的 nginx 启动之后展示一个vitejs build 的 react 项目但是在根目录下的 faviconico 在浏览器中无法找到

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

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