Lando部署Vue应用访问返回404错误，请求技术支持

1. Vue开发服务绑定地址错误 #

本地环境中npm start默认绑定localhost，但容器内服务必须绑定0.0.0.0才能被Lando代理访问到：

• 若为Vue CLI项目，修改package.json的启动脚本：

  "scripts": {
    "start": "vue-cli-service serve --host 0.0.0.0"
  }
  

• 若为自定义Webpack配置，确保devServer.host配置为0.0.0.0。

2. Lando Proxy配置格式错误 #

当前配置将域名与端口写在一起，正确的代理配置应分离域名与服务端口：

proxy:
  node:
    - throne_fe.lndo.site

Lando会自动完成SSL映射与端口转发，无需在域名后追加:8080。

3. 验证容器内服务可用性 #

执行lando ssh -s node进入Node服务容器，执行以下操作：

• 运行curl localhost:8080，检查是否能返回页面内容，若不能则说明服务未正常启动；
• 运行netstat -tulpn，确认8080端口被Node进程占用，验证服务监听状态。

4. 端口转发与代理的冲突排查 #

当前配置同时开启了portforward: 8080与代理，可先通过localhost:8080直接访问测试：

• 若能访问，说明问题出在Proxy配置；
• 若不能访问，说明服务本身启动或绑定存在问题。

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