docker部署vue项目

1、执行一下命令，拉去nginx镜像

docker pull nginx

2、将vue项目进行打包，sftp等方式将dist的文件放到linux系统中

3、在dist同级目录下创建Dockerfile文件，内容如下

FROM nginx:latest
MAINTAINER 729253864@qq.com
COPY dist/ /usr/share/nginx/html/

FROM nginx
LABEL MAINTAINER="729253864@qq.com"

# 瑕嗙洊default閰嶇疆
COPY nginx.conf /etc/nginx/conf.d/default.conf
COPY dist/ /usr/share/nginx/html

EXPOSE 80

4、同级目录下创建nginx.conf文件，内容如下

server {
    listen 80;
    server_name  localhost;
    root /usr/share/nginx/html;
    location / {
        add_header Cache-Control no-store;
        try_files $uri $uri/ /index.html;
    }
}

说明:同级目录包含dist文件夹，Dockerfile、nginx.conf文件

5、打镜像(thrs-web为镜像名)

docker build -t thrs-web .

6、创建容器并启动（第一个thrs-web是容器名称，第二个thrs-web是镜像名称）

docker run -d --name thrs-web -p 8086:80 thrs-web

7、通过IP:端口号(8086)访问确认是否部署成功