"Tiêu đề máy chủ không hợp lệ" khi chạy React App

Question

Tôi đang có một dự án đơn giản của React JS và tôi đang triển khai vào OSE. Ngoài ra tôi đang sử dụng phụ thuộc dưới đây trong dự án của tôi.

"webpack": "^2.2.0", 
"webpack-dev-server": "^1.14.1", 
"react": "^15.5.4", 
"react-router-dom": "^4.1.1" 

Tôi cũng đang chạy dự án của mình thông qua tập lệnh xây dựng bên dưới.

"build": "SET NODE_ENV=production && webpack-dev-server --host 0.0.0.0 --inline --history-api-fallback --content-base . " 

Mọi thứ đều ổn trong OSE và Webpack được biên dịch thành công. Nhưng khi truy cập url, nó hiển thị "Tiêu đề máy chủ không hợp lệ" trên trang web.

Có ai có thể giúp về điều này không. Hơi mới trong phản ứng.

Cảm ơn trước.

Answer 1

Tại cấu hình webpack của bạn, bạn có thể thêm disableHostCheck: true tại cấu hình devServer. Ví dụ:

devServer: { 
    disableHostCheck: true 
} 

Answer 2

Chỉ cần giải thích tại sao điều này xảy ra.

webpack-dev-server đã phát hành v2.4.3.

Trích dẫn lưu ý vá của họ:

Tiêu đề chủ được yêu cầu phải phù hợp với địa chỉ nghe hoặc các máy chủ cung cấp trong lựa chọn công cộng. Đảm bảo cung cấp các giá trị chính xác tại đây.

Họ cũng đã bao gồm disableHostCheck để tắt chức năng này đánh dấu, NHƯNG

Chỉ sử dụng nó khi bạn biết những gì bạn làm. Không được khuyến khích.

Answer 3

thay đổi máy chủ thành 127.0.0.1 trong tập lệnh xây dựng.

"build": "SET NODE_ENV=production && webpack-dev-server --host 127.0.0.1 --inline --history-api-fallback --content-base . "