[Vue.js] 영화 검색 사이트 예제 - 42. 포트 수정 및 배포

기존에 개발 서버를 실행하는 명령어인 npm run dev:netlify는 뒤에 netlify가 붙으므로 사용하기 불편하다.

 

package.json

위와같이 수정해주어 npm run dev 만으로 Netlify 개발서버를 실행할 수 있게 만들어주자

 

위를 수정하면, netlify.toml 또한 수정해주어야 한다.

netlify.toml

[dev]의 command를 위와 같이 수정해준다.

또한 targetPort와 port를 수정하여 기존처럼 8080포트에서 개발서버가 실행될 수 있도록 바꿔주자.

포트를 수정했으면 webpack.config.js 또한 수정해주어야한다.

 

webpack.config.js

port 넘버를 8080에서 netlify.toml에 작성했던 포트번호로 수정해준다.

 

테스트

npm run dev를 통해 개발서버를 실행시켜보자.

제대로 8080 포트에서 열린다.

실제 웹페이지도 구현됨

Netlify 업로드 테스트

잘 작동한다.