1. Lỗi invalid host header là gì?
Lỗi “invalid host header” là một thông báo từ máy chủ web (hosting) khi không nhận dạng hoặc không chấp nhận tiêu đề host trong yêu cầu HTTP.
Máy chủ web sử dụng tiêu đề host để xác định đích đến của yêu cầu, nó cho biết địa chỉ web cụ thể mà yêu cầu được gửi đến.
2. Nguyên nhân dẫn đến lỗi invalid host header?
- Hostname Không Trùng Khớp với Cấu Hình Mặc Định
- Truy Cập từ Máy Tính Khác Trong Mạng Cục Bộ
- Sử Dụng HTTPS với Một Hostname Tùy Chỉnh
- ……
3. Cách xử lý lỗi invalid host header?
Cách 1: Thêm Host vào Danh Sách Cho Phép (Allowed Hosts)
Cấu hình webpack-dev-server để cho phép hostname cụ thể mà bạn đang sử dụng.
module.exports = {
// Các thiết lập khác
devServer: {
allowedHosts: [
‘your-local-domain.com’, // Thay ‘your-local-domain.com’ bằng tên miền của bạn
‘.another-domain.com’ // Hoặc sử dụng wildcard để cho phép nhiều tên miền
],
},
};
Cách 2: Sử Dụng Tùy Chọn public
Đặt tùy chọn public trong devServer để chỉ định hostname và port mà server sẽ sử dụng để kết nối.
module.exports = {
// Các thiết lập khác
devServer: {
public: ‘your-local-domain.com:port’, // Thay ‘your-local-domain.com’ và ‘port’ bằng giá trị thực tế của bạn
},
};
Cách 3: Bỏ Qua Kiểm Tra Host Header
module.exports = {
// Các thiết lập khác
devServer: {
disableHostCheck: true,
},
};
4. Kết luận:
Ok trên đây là cách fix xử lý lỗi invalid host header? chúc các bạn thành công