잘못된 호스트 헤더를

을 나는 반응 만들-앱 난 그냥이를 추가 할 때마다 반응 - 스크립트 내 package.json잘못된 호스트 헤더를

에 따라 시작해야 할 것 같다 NPM 시작을 사용하여 dev에와 응용 프로그램을 만들어 프록시를 내 package.json에 보내면 다음 오류 메시지가 나타납니다.

Invalid Host header

나는 보안 상 문제가 있습니다. 내가 얻지 못하는 것은 그것을 고치는 방법이다. 주제에 관한 github 및 품질 보증에 대한 몇 가지 문제를 읽었습니다. 수정 사항은 간단하지만 아직까지는 어디에 넣을 지 아직 모르겠습니다. 결국

호스트의 화이트리스트를 추가 할 것입니다. 나는 그것이 가능하다는 것을 알았다고 생각합니다.

하지만 시작하려면이 설정을 배치해야합니까 여기서 내가 발견하지

devServer: { 
    disableHostCheck: true 
}

출처

2017-10-17 moo

[webpack.config.js] (https://webpack.js.org/configuration/dev-server/)에이 코드를 넣으십시오. create-react-app를 사용하는 경우 앱을 꺼내야합니다. –

예, 알았습니다.하지만 webpack.config.js를 어디에 두어야하는지, 그리고 기본 webpack.config.js의 완전한 형태는 무엇입니까? 나는 ./node_modules/webpack-dev-server/client/webpack.config.js를 시도했는데 webpack.config.js라는 파일이 있었지만 아무 쓸모가 없었다. 구문 오류를 넣으려고했는데 npm start는 그렇지 않았다. 나는 그것을 읽지 않는다고 생각한다. – moo

곳 webpack.config.js을 넣어. 그것은 내가해야한다고 가정하는 응용 프로그램 루트 디렉토리에서 작동하지 않았다. 그것은 나를 위해 아무것도하지 못했고, 나는 반응 스크립트가 webpack-dev-server를 호출 한 곳을 수정하고 결국 disableHostCheck를 true로 설정했다. 호출. ,

var serverConfig = createDevServerConfig(
    proxyConfig, 
    urls.lanUrlForConfig 
); 
serverConfig.disableHostCheck = true;

정말 좋은 연습 (코드와 disableHostCheck를 수정) 아니지만, 지금은 내가 실제로 설정을 수정할 수 있습니다 알고

const serverConfig = createDevServerConfig(
    proxyConfig, 
    urls.lanUrlForConfig 
);

에 :

는 기본적으로 나는 다음 줄을 변경 나는 그냥 화이트리스트에 갈거야, 언젠가 나는 내 webpack.config.js에 관심이 없다는 것을 이해할 것이다. ^^

출처

2017-10-17 18:25:20 moo

내부에서 물건을 바꾸지 않고도 관리 할 수있다. node_modules 또는 react-app-rewired이라는 npm 패키지를 사용하여 프로젝트를 배출하십시오.

기본적으로 create-react-app 상용구 설정 내에있는 webpack의 기본 하드 코드 설정을 무시할 수있는 옵션이 있습니다.

루트 폴더에 config-overrides.js을 넣고 package.json의 스크립트를 react-scripts 대신 react-app-rewired과 일치하도록 변경하십시오. 이 방법을 사용하면 config-overrides.js 파일 내부에 작성하여 반응 프로젝트 내부에 하드 코딩 된 모든 webpack 구성을 무시할 수 있습니다.

구문은 내부에 link입니다. here에서 찾을 수있는 기사도 있습니다.

출처

2017-10-17 19:12:41

react-app-rewired 설치 : npm install react-app-rewired --save-dev
변화 package.json 스크립트 "start": "set PORT=80&&react-app-rewired start",
에 다음 .env.development라는 이름의 파일을 추가,이 줄을 추가 : 마지막으로 당신이 npm start 입력 HOST=buzzbuzzenglish.com
을, 다음 브라우저는 것이다 buzzbuzzenglish.com을 열어 탐색하고 정상적으로 렌더링합니다. Invalid Host Header 오류.

출처

2018-01-18 08:04:07

잘못된 호스트 헤더를

답변

관련 문제