1.2 KiB
1.2 KiB
Cấu hình API động theo IP thiết bị
Cách hoạt động
- ApiConfigService tự động detect IP từ
window.location.hostname - Request interceptor tự động thêm base URL vào mọi request
- Không cần cấu hình proxy phức tạp nữa
Cách deploy trên nhiều thiết bị
1. Build ứng dụng
npm run build
2. Deploy lên từng thiết bị
- Copy folder
distlên thiết bị - Serve static files (nginx, apache, hoặc simple HTTP server)
3. Truy cập từ thiết bị
- Nếu thiết bị có IP
192.168.1.100, truy cập:http://192.168.1.100 - Ứng dụng sẽ tự động gọi API đến
http://192.168.1.100:81
Ví dụ các thiết bị
| Thiết bị | IP | URL truy cập | API endpoint |
|---|---|---|---|
| Device 1 | 192.168.1.100 | http://192.168.1.100 | http://192.168.1.100:81/api/* |
| Device 2 | 192.168.1.101 | http://192.168.1.101 | http://192.168.1.101:81/api/* |
| Device 3 | 10.0.0.50 | http://10.0.0.50 | http://10.0.0.50:81/api/* |
Lưu ý
- Backend API cần chạy trên port 81 của mỗi thiết bị
- Đảm bảo CORS được cấu hình đúng trên backend
- Nếu dùng domain, cần cấu hình HTTPS tương ứng