使用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协议
