docker 中的 nginx 启动之后展示一个vitejs build 的 react 项目但是在根目录下的 faviconico 在浏览器中无法找到
在 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
并在浏览器中显示。

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