预览代理
AIO Sandbox 包含内置代理端点,允许您直接从开发环境预览和测试 Web 应用程序和服务。

子域代理(推荐)
任何满足 ${port}-${domain} 格式的域名都将被转发到沙盒内的相应端口。

子路径代理类型
前端应用程序代理
使用绝对代理访问前端应用程序:
http://localhost:8080/absproxy/{port}/
用例:
- React、Vue、Angular 应用程序
- 静态站点生成器
- 带有资源打包的开发服务器
- 任何带有开发服务器的前端框架
示例:
# 在端口 3000 上启动 React 应用
cd /workspace/my-react-app
npm start
# 通过代理访问
# 浏览器:http://localhost:8080/absproxy/3000/
后端服务代理
使用相对代理访问后端服务:
http://localhost:8080/proxy/{port}/
用例:
- API 服务器
- 后端微服务
- 数据库管理界面
- 开发工具和实用程序
示例:
# 在端口 4000 上启动 Express API
cd /workspace/my-api
npm start
# 通过代理访问
# API 端点:http://localhost:8080/proxy/4000/api/users
下一步