Tiêu đề máy chủ không hợp lệ khi ngrok cố gắng kết nối với máy chủ phản hồi dev

Question

Tôi đang cố gắng kiểm tra ứng dụng React của mình trên thiết bị di động. Tôi đang sử dụng ngrok để làm cho máy chủ địa phương của tôi có sẵn cho các thiết bị khác và đã nhận được điều này làm việc với một loạt các ứng dụng khác. Tuy nhiên, khi tôi cố gắng để kết nối đến máy chủ ngrok Phản ứng dev, tôi nhận được lỗi:

Invalid Host Header 

Tôi tin rằng Phản ứng ngăn chặn tất cả các yêu cầu từ một nguồn theo mặc định. Có suy nghĩ gì không?

Answer 1

im gặp phải một vấn đề tương tự và tìm thấy hai giải pháp mà làm việc như xa như xem ứng dụng trực tiếp trong trình duyệt

ngrok http 8080 -host-header="localhost:8080" 
ngrok http --host-header=rewrite 8080 

rõ ràng là thay thế 8080 với bất cứ cổng bạn đang chạy trên

giải pháp này vẫn đặt ra một lỗi khi tôi sử dụng điều này trong trang được nhúng, điều đó kéo bundle.js từ ứng dụng phản ứng. tôi nghĩ rằng kể từ khi nó viết lại các tiêu đề để localhost, khi điều này được nhúng, nó tìm đến localhost, mà các ứng dụng không còn chạy trên