docker-compose 构建vue项目配置https

1. 本地开发直接用npm run dev的方式启动，修改webpack.dev.conf.js

找到devServer，添加j节点，其中/cert是项目中存放证书文件的文件夹

https:{

　　key:fs.readFileSync('./cert/test.key'),

　　cert::fs.readFileSync('./cert/test.pem')

}

 

2.部署到docker中运行，一般是使用nginx转发，配置nginx

找到nginx.conf ，server节点配置如下

server{

　　listen 888;//自定义

　　ssl on;

　　server_name xxx.com;//证书配置的域名

　　ssl_certificate /etc/nginx/cert/test.pem;

        ssl_certificate_key /etc/nginx/cert/test.key;

        root /usr/vuejs/nginx/;

        index index.html;

        location ~^/usersrv[/\w*]*$ {

            proxy_pass http://localhost:8080;

        }

}

 

dockerfile里将dist目录拷贝到nginx目录后，需要一并将证书和niginx配置文件拷贝过去，

COPY dist/ /usr/vuejs/nginx/

COPY cert/ /etc/nginx/cert/

COPY nginx.conf /etc/nginx/nginx.conf

 

之后再通过docker-compose 构建再运行就可以通过https访问了