2016-10-11 2 views
4

내 백엔드는 PHP 기반 (processwire)이며 신뢰할 수있는 구형 MAMP (localhost:8888/mysite)가 제공합니다. 같은 서버에서 내 vue.js 앱을 제공하고 싶습니다.Vue.js .. 아파치를 통한 뜨거운 재 장전?

npm run dev 로컬 서버를 localhost:8080에서 시작합니다. 프런트 엔드 작업, 핫 리로드 및 모든 작업을 수행합니다.

npm run build으로 MAMP에서 서비스를 제공 할 수 있도록 앱을 만들 수 있습니다.

하지만 어떻게하면 아파치 (localhost:8888/mysite 사용)를 통해 계속 개발할 수 있도록 MAMP에서 핫 리로딩 작업을 할 수 있습니까? 이것이 가능한가?

감사합니다.

답변

1

Apache를 통해 프록시를 통해 작동하도록 시도했지만 뜨겁게로드 할 수 없었습니다. 다른 방법으로는 webpack.config.js에서 그리 어렵지 않았습니다.

proxy: { 
     '/mysite/api/**': { 
     target: 'http://localhost:8888', 
     secure: false, 
     "changeOrigin": true 
     } 
    } 
1

webpack에서 dev-server가 실행되도록해야합니다.

하지만 프록시로 사용할 수 있습니다. localhost:8080

ProxyPass  /mysite http://localhost:8080/mysite 
ProxyPassReverse /mysite http://localhost:8080/mysite 

그래서 까다로운 부분이 /mysite에서 서버에 웹팩을 알리는 것입니다에 아마이 일할 수 (AN 웹팩-dev에 서버가 실행 아파치를 가정합니다. 즉,이 사용자의 설정을 따라 달라집니다. 당신이 뷰의 웹팩 템플릿에서 오는 경우 (vue-cli로 생성) assetsPublicPath/config/index.js

+0

.. dev-server를 아파치의 프록시로 사용한다는 뜻입니까? 이렇게? http://nikolay.rocks/2016-01-13-connect-webpack-to-backend –

+0

나는 당신이 방법을 원한다고 생각합니다. Apache를 사용하여 webpack에 프록시/mysite를 사용 하시겠습니까? 내 devtools에서 http : // localhost : 8080/__ webpack_hmr이 type eventsource에서 왔으므로 소켓이 필요하지 않을 것입니다. 답변을 수정하겠습니다 ... – Psi