vue3 프로젝트가 dist로 패키징된 후 Dockerfile 및 미러 배포를 사용합니다. 그런 다음 온라인으로 실행하십시오.
Alibaba Cloud에서 경량 서버를 구입했습니다. 시스템 이미지는 centos7입니다. 이제 Linux에서 Docker를 설치합니다.
예를 들어 패키징한 dist 폴더는 Dockerfile과 동일한 디렉터리에 있어야 합니다. 그렇지 않으면 빌드 중에 dist 폴더를 찾을 수 없습니다.
사실 vue 프로젝트가 dist로 패키징 된 후 프로젝트 아래에 새로운 Dockerfile 파일이 생성되기 때문에 dist 폴더를 빼낸 것 뿐이므로 신중하게 생각하는 것이 맞다. dist 폴더에.
1. Dockerfile 코드 작성
#Dockerfile
FROM nginx:1.21.0-alpine
LABEL Author dzh
COPY dist /usr/share/nginx/html작성 후 알리바바 클라우드 서버에 admin 폴더를 업로드 합니다. Xshell과 Xftp7을 사용하여 서버에 접속합니다.
2. 미러 빌드 빌드, admin 폴더 입력
cd admindocker image build -t admin .다음 가이드 표시는 현재 폴더를 나타냅니다.
미러를 확인하고 생성된 미러가 성공했는지 확인합니다.
docker image ls
3. 컨테이너 만들기
docker container run -d --name admin -p 8888:80 admin
启动命令说明：
-d：容器后台启动
—name : 容器名称
-p 8888:80 ：将nginx容器的80端口映射到主机的8888端口，我们访问时直接访问主机ip+映射到主机的端口，这里是8888，如果有路径，后面还要带上路径。
admin: 我们刚刚创建的自己的镜像的名称 컨테이너 상태가 up인지 확인
마지막으로 자신의 서버의 IP 주소와 브라우저에 포트 번호 8888을 입력하십시오.
http://xx.xxx.x0.x7:8888/#/login웹사이트는 정상적으로 온라인 상태가 됩니다.