docker部署前端项目

使用docker部署vue项目

• 打包项目dist
• 将dist目录上传到服务器上一个文件夹

scp -r /Users/name/wwwrooot/duckment-ui/dist  username@host:/home/lmr/duckment-ui/dist/

• 该目录下新增一个Dockerfile文件

FROM nginx 1.14-alpine
Copy dist /usr/share/ngnix/html/
CMD["nginx","-g","daemo offf"]

• docker build生成镜像

docker build -t=“duckment-ui” .

• docker run此镜像

docker run -d -p 9000:80 duckment duckment-ui

• nginx反向代理

server{
 server_name duckment.xxx.xxx.xxx;
  location  / {
   proxy_pass http://localhost:9000;
 }
}

最后：访问绑定的域名即可。

补充

nginx:如何代理的，原理
tcp/ip http协议