vue.js 프로젝트의 nginx 배포 단계에 대한 자세한 설명

이번에는 vue.js 프로젝트의 nginx 배포 단계에 대해 자세히 설명하고, vue.js 프로젝트의 nginx 배포 시 주의 사항은 무엇입니까? 다음은 실제 사례입니다. 봐.

개발환경 설정이 완료되었습니다.

2. 컴파일 및 배포

1. 프로젝트 경로에 npm run build 데모 명령을 입력하세요.

컴파일이 완료되면 다음을 포함하는 추가 dist 폴더를 찾을 수 있습니다. .

2. nginx를 온라인으로 다운로드하고, http://nginx.org/en/download.html 주소를 다운로드한 후, 다운로드한 nginx 파일의 압축을 풀어주세요.

3. 배포를 구성하고 nginx/conf에서 nginx.conf를 편집한 후 다음과 같이 수정합니다

[/code][

4. 명령 창에서 cd를 눌러 nginx 설치 디렉터리로 들어가고 start nginx를 입력하여 nginx를 시작합니다.

그런 다음 브라우저를 통해 http://127.0.0.1:8088/ 또는 http://도메인 이름:8088/을 방문하세요

5 nginx 중지 명령: nginx -s quitnginx -s quit

    nginx重启命令：nginx -s reload

nginx 다시 시작 명령: nginx -s reload

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Vue에서 Sortable을 사용하는 단계에 대한 자세한 설명

Vue 내부 구성 요소 캐러셀 전환 단계에 대한 자세한 설명

🎜

위 내용은 vue.js 프로젝트의 nginx 배포 단계에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!