나는 전체 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()]/data:image ..., ... .js와/sockjs-node...
이것이 내가 한 방법이며 꽤 잘 작동하는 것 같습니다.
webpack.config.js 파일에서 다음을 추가하십시오.
devServer: {
inline:true,
port: 8008
},분명히 다른 포트와 충돌하지 않는 포트를 사용할 수 있습니다. 약 4 시간을 소비했기 때문에 충돌 문제에 대해서만 언급합니다. 내 서비스가 동일한 포트에서 실행되고 있음을 발견하기 위해서만 문제를 해결했습니다.
다음과 같이 webpack (webpack.config.js)을 구성하십시오.
devServer: {
// ...
host: '0.0.0.0',
port: 80,
// ...
}다음은 나를 위해 일했습니다.
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"
나는 다른 답변들과 씨름했다. (내 설정은 Windows의 Ubuntu 18.04 npm run dev가상 상자에서 프로젝트를 생성 한 후 webpack 3.12.0으로 실행 중입니다 vue init webpack. 포트 3000을 호스트로 전달하도록 방랑자를 구성했습니다.)
npm run dev --host 0.0.0.0 --port 3000은 작동하지 않았습니다 .- 여전히 localhost : 8080에서 실행되었습니다.webpack.config.js이 존재하지 않아 파일을 만드는 것도 도움이되지 않았습니다.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이 작업을 마친 후에 마침내 "응용 프로그램이 여기에서 실행 중입니다 : http://0.0.0.0:3000 "이 표시되고 마지막으로 localhost:3000호스트 컴퓨터에서 찾아 볼 수 있습니다.
편집 : 다른 방법은 dev에서 호스트와 포트를 편집하는 것입니다 config/index.js.
나를 위해 : 청취 호스트를 변경하면 효과가 있습니다.
.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.0에서 듣기 시작했습니다.
<script src="http://localhost:8080/webpack-dev-server.js"></script>하려면 페이지 에 추가 하고 플러그인을 허용하는 크로스 도메인을 설치해야합니까? 이 도구는 흥미롭게 보이지만 서버가 노드라고 가정하거나 누락 된 것 같습니다.