Blockscout无需反向代理或自定义端口配置的可行性及方法咨询

1. 无代理运行或自定义端口的配置方法 #

自定义代理端口 #

修改Nginx的Docker端口映射后，必须同步调整前端的API地址配置，否则前端无法正确请求后端接口：

• 调整Docker Compose中Nginx服务的端口映射，比如将默认的80:80改为8080:80：

  services:
    nginx:
      ports:
        - "8080:80"
  

• 添加环境变量REACT_APP_API_URL=http://localhost:8080/api（生产环境替换为你的域名+端口），让前端知道新的API访问路径。
• 重启服务后，即可通过http://localhost:8080访问Blockscout，所有数据会正常加载。

无反向代理运行 #

可以直接暴露前端和后端的端口，但需要解决路由和CORS问题：

• 关闭或移除Docker Compose中的Nginx服务。
• 配置前端环境变量REACT_APP_API_URL=http://localhost:4000/api，让前端直接请求后端端口。
• 配置后端环境变量CORS_ORIGIN=http://localhost:3000（允许前端端口跨域请求，开发环境可临时设为*，生产环境建议指定具体域名）。
• 分别映射前端和后端的端口：

  services:
    frontend:
      ports:
        - "3000:3000"
    backend:
      ports:
        - "4000:4000"
  

• 启动服务后，通过http://localhost:3000访问前端，即可正常加载区块链数据。

2. 代理是否为路由前后端请求的必需项 #

代理并非绝对必需：

• 默认配置依赖Nginx处理路由转发（将/api路径转发到后端，根路径转发到前端），同时统一端口访问，这是官方推荐的部署方式，尤其适合生产环境（可处理SSL、缓存、负载均衡等）。
• 开发或测试场景下，可通过调整前后端的环境变量（API地址、CORS配置），直接暴露端口实现无代理运行，但需要手动处理路由和跨域问题。

内容的提问来源于stack exchange，提问作者PekoyamaPeko