美文网首页
docker部署前端项目

docker部署前端项目

作者: merrylmr | 来源:发表于2023-07-10 14:31 被阅读0次

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

相关文章

网友评论

      本文标题:docker部署前端项目

      本文链接:https://www.haomeiwen.com/subject/euzumktx.html