如何访问react前端

访问 React 前端的方法

本地开发环境访问

启动 React 开发服务器后，默认会监听 http://localhost:3000。确保项目已通过 npm start 或 yarn start 运行，直接在浏览器地址栏输入该地址即可访问。

生产环境部署访问

将构建后的静态文件部署到 Web 服务器（如 Nginx、Apache）。通过 npm run build 生成 build 文件夹，将其内容上传至服务器配置的根目录。访问时输入服务器域名或 IP 地址。

通过 Docker 容器访问

若项目已容器化，运行 docker-compose up 启动服务后，根据配置的端口映射（如 -p 3000:3000），通过 http://localhost:3000 或指定端口访问。

使用 HTTPS 访问

配置 SSL 证书后，通过 https:// 协议访问。开发环境可使用 HTTPS=true npm start 启用；生产环境需在 Web 服务器（如 Nginx）中配置证书。

局域网内访问

开发环境下，若需其他设备访问，启动时添加 HOST=0.0.0.0 参数（如 HOST=0.0.0.0 npm start），确保设备在同一网络，通过本机 IP 地址加端口访问。