vue 프로젝트 실행 설정

1447 단어 환경 설정전단
1. Vue 프로젝트 구축
프로젝트 루트 디 렉 터 리 에서 명령 을 실행 합 니 다 npm run build. 이 명령 은 이 프로젝트 의 코드 파일 을 dist 폴 더 에 압축 합 니 다.
2, 서버 설치 Nginx
이 부분 은 인터넷 강좌 가 많아 서 스스로 찾 아 볼 수 있다.
시간 이 있 으 면 더욱
3. nginx. conf 설정
nginx. conf 의 복사 본 (1) 을 nginx 의 설치 디 렉 터 리 로 이동 하 는 것 을 권장 합 니 다. 작가 의 목표 경 로 는 /etc/nginx 입 니 다.
(2) cp nginx.conf custom.conf 명령 을 사용 하여 custom.conf nginx. conf 라 는 던 전 을 만 듭 니 다.
(3) vim custom.conf 명령 으로 열기 custom.conf 를 사용 하여 server 부분 을 다음 과 같은 내용 으로 대체 합 니 다.
server{
    #     
	listen 8081;
	#      
	server_name localhost;
	#    index.html    (dist   )
	location / {
	    # dist        
		root /root/KBM/KBM-Client/dist;
		# html   
        index index.html;
        autoindex on;
	}
	#          ,         (      /api/      3000      )
   location /api/ {
         proxy_pass http://localhost:3000/;
   }
}

여기 구덩이 가 있 습 니 다. 설정 이 끝나 면 403 Forbidden 오류 가 발생 합 니 다.nginx 를 실행 하 는 사용자 가 현재 로그 인 사용자 와 일치 하지 않 아 권한 충돌 이 발생 했 기 때 문 입 니 다.
#   custom.conf     user         (   root)
user root;
worker_processes 4;
pid /run/nginx.pid;

4. 운행
nginx 서버 실행 nginx -c /etc/nginx/custom.conf 명령 을 실행 하면 nginx 서버 실행 nginx -s stop 명령 을 실행 하면 nginx 서버 실행 을 중단 할 수 있 습 니 다.
5. 효과 보기
서버 8081 포트 를 방문 하면 생 성 된 사 이 트 를 볼 수 있 습 니 다.

좋은 웹페이지 즐겨찾기