Webpack dev 서버를 포트 80 및 0.0.0에서 실행하여 공개 접근을 가능하게 하려면 어떻게 해야 합니까?

Webpack dev 서버를 포트 80 및 0.0.0에서 실행하여 공개 접근을 가능하게 하려면 어떻게 해야 합니까?

저는 모든 nodejs/reactjs 세계에 익숙하지 않기 때문에 제 질문이 바보같이 들리면 죄송합니다.그래서 리액타불라.js를 가지고 놀고 있어요.

할 때마다npm start그것은 항상 계속된다localhost:8080.

실행되도록 변경하려면 어떻게 해야 합니까?0.0.0.0:8080공개하려고요?위의 repo에서 소스 코드를 읽어보려고 했지만 이 설정을 하는 파일을 찾을 수 없었습니다.

또한 포트 상에서 실행되도록 하려면 어떻게 해야 합니까?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.config.js 내의 웹 팩을 다음과 같이 설정합니다.

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

JavaScript 개발 및 ReactJs는 처음입니다.react-scripts 코드를 보고 알 때까지 나에게 맞는 답을 찾을 수 없었습니다.React-Script를 사용하여 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내보내는 config 오브젝트에 다음 항목을 추가합니다.

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

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

4) #3이 컴파일되고 준비가 되면 브라우저로 이동하여 주소를 입력해 주세요.http://GACDTL001SS369k:8080/

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

PS:GACDTL001SS369k[컴퓨터명(Computer Name)]이(가) 되어 있기 때문에, 사용의 머신에 있는 자신의 것으로 치환해 주세요.

다른 답변에 어려움을 겪었습니다. (내 설정은 다음과 같습니다.)나는 달리고 있다npm run dev웹 팩 3.12.0을 사용하여 프로젝트를 만든 후vue init webpackUbuntu 18.04 가상 박스에서 사용할 수 있습니다.포트 3000을 호스트에 전송하도록 vagrant가 설정되어 있습니다).

• 도 ★★★★★★★★★★★★★★★.npm run dev --host 0.0.0.0 --port 3000하지 않았습니다도 localhostlocalhost:8080으로 하고 있습니다.
• 파일 「」은,webpack.config.js존재하지 않았고, 그것을 만드는 것도 도움이 되지 않았다.
• 후, 설정 은, 그음음음음음음음음음음음음음음음음음음음 are are are are are are are the에 있는 을 알게 되었습니다.build/webpack.dev.conf.js (그리고)build/webpack.base.conf.js ★★★★★★★★★★★★★★★★★」build/webpack.prod.conf.js 이 및 를 HOST PORT에서 때문에 수정하는 것 process.env.

그래서 process.env 변수 설정 방법을 검색하여 다음 명령을 실행하여 성공했습니다.

HOST=0.0.0.0 PORT=3000 npm run dev

이렇게 하면 "Your application is running here: http://0.0.0:3000" 이라는 메시지가 뜨게 됩니다.localhost:3000스스트호

다른 입니다.config/index.js.

된 리액트 'create-react-app'로 합니다.package.json and and 。

"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"
},

당신이 하려는 일의 보안에 대한 이 B/C를 말하는 것은 불쾌하지만, 여기 있습니다.

npm run dev ---h 0.0.0 -p 80

수신 대기 호스트 변경은 다음과 같습니다.

.listen(3000, 'localhost', function (err, result) {
        if (err) {
            console.log(err);
        }
        console.log('Listening at localhost:3000');
    });

다음과 같이 변경되었습니다.

.listen(3000, '0.0.0.0', function (err, result) {
        if (err) {
            console.log(err);
        }
        console.log('Listening at localhost:3000');
    });

서버는 0.0.0에서 리슨하기 시작했습니다.

위의 해결 방법을 시도해 봤지만, 운이 없었습니다.프로젝트 패키지에서 이 라인을 발견했습니다.json:

 "bin": {
"webpack-dev-server": "bin/webpack-dev-server.js"

},

는 는나 i i를 .bin/webpack-dev-server.js다음 행을 찾았습니다.

.describe("port", "The port").default("port", 8080)

나는 포트를 3000으로 변경했다.약간 무차별적인 접근이지만, 나한테는 효과가 있었어.

그냥 네 위에 돼.package.json 삭제:

"scripts": {
    "dev-server": "encore dev-server",
    "dev": "webpack-dev-server --progress --colors",
    "watch": "encore dev --watch",
    "build": "encore production --progress"
},

'빌드' 스크립트를 하여 '빌드'합니다.npm run build

Windows의 경우 create 파일 runMobile을 실행합니다.박쥐

set PORT=8081
set HOST=192.168.3.20
npm run dev

다른 포트를 쉽게 사용하기 위해 다음과 같이 시도했습니다.

PORT=80 npm run dev

언급URL : https://stackoverflow.com/questions/33272967/how-to-make-the-webpack-dev-server-run-on-port-80-and-on-0-0-0-0-to-make-it-publ