Docker 中 Nginx 无法加载 React 项目的 favicon.ico 文件
在 Docker 中展示一个 ViteJS 构建的 React 项目时,确保在根目录下存在一个 'favicon.ico' 文件。然后,您可以按照以下步骤进行操作:
-
确保 'favicon.ico' 文件位于您的 React 项目的根目录中。
-
在 Dockerfile 中,将 'favicon.ico' 文件复制到 Nginx 的静态文件目录中。可以使用以下指令添加该文件:
COPY ./favicon.ico /usr/share/nginx/html/favicon.ico这将把 'favicon.ico' 复制到 Nginx 的默认静态文件目录 '/usr/share/nginx/html' 下。
-
重新构建和运行 Docker 容器。
docker build -t my-nginx-image . docker run -p 80:80 my-nginx-image在这里,'my-nginx-image' 是您的 Nginx Docker 镜像的名称。
-
在浏览器中访问您的 Docker 容器的 IP 地址或主机名。例如,如果您在本地运行 Docker,则可以在浏览器中访问 'http://localhost'。
您的 React 项目应该能够正确加载 'favicon.ico' 并在浏览器中显示。
原文地址: https://www.cveoy.top/t/topic/mHb8 著作权归作者所有。请勿转载和采集!