[node.js] webpack dev 서버를 포트 80 및 0.0.0.0에서 실행하여 공개적으로 액세스 할 수있게하는 방법은 무엇입니까?

나는 전체 nodejs / reactjs 세계에 익숙하지 않으므로 내 질문이 어리석은 경우 사과드립니다. 그래서 reactabular.js 와 함께 놀고 있습니다.

내가 할 때마다 npm start항상 실행됩니다 localhost:8080.

0.0.0.0:8080공개적으로 액세스 할 수 있도록 변경하려면 어떻게합니까 ? 위의 저장소에서 소스 코드를 읽으려고했지만이 설정을 수행하는 파일을 찾지 못했습니다.

또한 그것에 덧붙이려면- 80가능하다면 포트에서 어떻게 실행 합니까?

답변

이와 같은 것이 나를 위해 일했습니다. 나는 이것이 당신을 위해 작동해야한다고 생각합니다.

이것을 사용하여 webpack-dev를 실행하십시오.

webpack-dev-server --host 0.0.0.0 --port 80

그리고 이것을 webpack.config.js에서 설정하십시오

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
     config.paths.demo
 ]

참고 핫 로딩을 사용하는 경우이 작업을 수행해야합니다.

이것을 사용하여 webpack-dev를 실행하십시오.

webpack-dev-server --host 0.0.0.0 --port 80

그리고 이것을 webpack.config.js에서 설정하십시오

entry: [
    'webpack-dev-server/client?http://0.0.0.0:80',
    'webpack/hot/only-dev-server',
     config.paths.demo
 ],

....
plugins:[new webpack.HotModuleReplacementPlugin()]

답변

이것이 내가 한 방법이며 꽤 잘 작동하는 것 같습니다.

webpack.config.js 파일에서 다음을 추가하십시오.

devServer: {
    inline:true,
    port: 8008
  },

분명히 다른 포트와 충돌하지 않는 포트를 사용할 수 있습니다. 약 4 시간을 소비했기 때문에 충돌 문제에 대해서만 언급합니다. 내 서비스가 동일한 포트에서 실행되고 있음을 발견하기 위해서만 문제를 해결했습니다.

답변

다음과 같이 webpack (webpack.config.js)을 구성하십시오.

devServer: {
  // ...
  host: '0.0.0.0',
  port: 80,
  // ...
}

답변

JavaScript 개발과 ReactJS를 처음 사용합니다. 반응 스크립트 코드를보고 알아낼 때까지 나에게 맞는 대답을 찾을 수 없었습니다. 반응 스크립트를 사용하여 ReactJS 15.4.1 이상을 사용하면 환경 변수를 사용하여 사용자 정의 호스트 및 / 또는 포트로 시작할 수 있습니다.

HOST='0.0.0.0' PORT=8080 npm start

잘하면 이것은 나 같은 새로운 이민자를 돕는다.

답변

다음은 나를 위해 일했습니다.

1) 이것을 Package.json추가하십시오 :

"scripts": {
    "dev": "webpack-dev-server --progress --colors"
}

2) webpack.config.js내보낼 구성 객체 아래에 이것을 추가하십시오.

devServer: {
    host: "GACDTL001SS369k", // Your Computer Name
    port: 8080
}

3) 이제 터미널 유형에서 : npm run dev

4) 3 번 컴파일 후 브라우저로 가서 주소를 입력하십시오. http://GACDTL001SS369k:8080/

다른 사람들이 동일한 네트워크에서 액세스 할 수있는 외부 URL을 사용하여 앱이 제대로 작동해야합니다.

추신 : GACDTL001SS369k내 컴퓨터 이름 이었으므로 컴퓨터의 컴퓨터 이름으로 바꾸십시오.

답변

‘create-react-app’로 만든 React 응용 프로그램 인 경우 이동하여 package.json변경하십시오.

"start": "react-scripts start",

~ ( 유닉스 )

"start": "PORT=80 react-scripts start",

또는 … ( 승리 )

"start": "set PORT=3005 && react-scripts start"

답변

다음은 JSON 구성 파일에서 나를 위해 일했습니다.

"scripts": {
  "start": "webpack-dev-server --host 127.0.0.1 --port 80 ./js/index.js"
},