> 운영 및 유지보수 > 엔진스 > nginx를 사용하여 프런트엔드 프로젝트를 올바르게 배포하는 방법

nginx를 사용하여 프런트엔드 프로젝트를 올바르게 배포하는 방법

王林
풀어 주다: 2020-11-16 15:48:57
앞으로
3824명이 탐색했습니다.

nginx를 사용하여 프런트엔드 프로젝트를 올바르게 배포하는 방법

목적:

nginx는 dist 프론트 엔드 프로젝트로 배포 및 패키징됩니다.

(동영상 공유 학습: php 비디오 튜토리얼)

관련 지식:

docker 安装与使用
docker pull nginx
docker run --restart=on-failure:20 -itd --name nginx -p 80:80 nginx:latest
로그인 후 복사

SEO

nginx如何部署dist?
nginx如何部署vue?
nginx如何部署前端项目?
로그인 후 복사

nginx 설치 후 구성

이 파일을 /etc/nginx/conf.d/xxx.conf

server{
    listen 80;
    server_name  xxx.com;

    location /{
        root /home/web/vueProjects/wxopapp/dist/;
        index index.htm index.html;
        expires      30d;
    }
}
로그인 후 복사
nginx -t
nginx -s reload
로그인 후 복사

에 넣으세요. 관련 권장 사항: nginx tutorial

위 내용은 nginx를 사용하여 프런트엔드 프로젝트를 올바르게 배포하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
Nginx default.conf 문제
에서 1970-01-01 08:00:00
0
0
0
서버 - Nginx 구성 웹앱 문제
에서 1970-01-01 08:00:00
0
0
0
nginx 로그의 time_local 정보
에서 1970-01-01 08:00:00
0
0
0
nginx 로그 모니터링
에서 1970-01-01 08:00:00
0
0
0
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿