AWS环境下Yarn应用端口3000无法外部访问的求助

• 检查Vite配置文件优先级：项目根目录的vite.config.js/vite.config.ts会优先覆盖环境变量设置，必须在配置里显式指定server.host为0.0.0.0，示例如下：

  export default {
    server: {
      host: '0.0.0.0',
      port: 3000
    }
  }
  

• 确认环境变量传递有效性：不同操作系统的npm脚本环境变量写法有差异

  • Linux/WSL环境下，原脚本"start": "HOST=0.0.0.0 PORT=3000 vite"可直接使用；Windows cmd环境需改为"start": "set HOST=0.0.0.0 && set PORT=3000 && vite"
  • 想统一跨平台写法，可先安装cross-env包：npm install cross-env --save-dev，再修改脚本为"start": "cross-env HOST=0.0.0.0 PORT=3000 vite"

• 重启应用并验证绑定状态：修改配置或脚本后，彻底终止当前运行的Vite进程，重新执行npm start，再用netstat -tlnp | grep 3000检查，确认应用绑定在0.0.0.0:3000（或IPv6的:::3000）

• 最后验证外部访问条件：AWS安全组需添加入站规则，允许TCP 3000端口，来源设置为0.0.0.0/0（或指定IP范围）；先用实例本地的curl http://<你的公网IP>:3000测试能否返回页面内容，再尝试外部浏览器访问

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