Vagrant의 Webpack-Server에서 Vue 응용 프로그램에 액세스

Vagrant, Ubuntu xenial64, npm/nodejs 및 vue-cli가 설치된 가상 시스템을 설정했습니다.Vagrant의 Webpack-Server에서 Vue 응용 프로그램에 액세스

vue init webpack myproject으로 웹팩 응용 프로그램을 스캐 폴딩했습니다. npm run dev을 실행하면 webpack 서버가 시작되지만 가상 컴퓨터 내부에 있으므로 내 PC의 웹 페이지에 액세스 할 수 없습니다.

--host 0.0.0.0으로 webpack 서버를 실행할 수 있지만 Vue-Cli가 전체 프로세스를 생성했기 때문에이 매개 변수를 추가 할 수있는 위치를 파악할 수 없었습니다.

다른 해결책이 있습니까?

'build/dev-server.js' 파일이 있습니까? 만약 당신이 거기에서 편집 할 수 있다면 –

호스트 컴퓨터에서'npm run dev'을 할 수 없습니까? – Hammerbot

@ FrédéricHenri 서버를 시작하기위한 명시 적 셸 호출이 없기 때문에이 파일에 추가 할 위치를 찾을 수 없습니다. 나는 그것을 성공없이 app.listen() 함수에 추가했다. – user5417542

좋습니다. 그냥 Vagrantfile이 추가 :

config.vm.network : forwarded_port, 게스트 : 8080, 호스트 : 웹팩과는 80

그래서 아무것도 단지 기본 방랑 설정. 그러면 8080 포트가 호스트 시스템의 80 포트로 전달됩니다. 따라서 애플리케이션에 접근하려면 브라우저에 localhost : 80을 입력해야합니다.

2017-03-27 12:55:35 user5417542

답변