专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

从零开始部署前后端分离项目 前后端分离项目的部署方式有哪些

ins518 2024-10-06 10:28:01 技术文章 12 ℃ 0 评论

一、前端部署

1.1、docker安装nginx

  • 拉取镜像:

docker pull nginx

  • 运行容器:
    docker run -d -p 80:80 --name nginx

-v /mnt/data/nginx/nginx.conf:/etc/nginx/nginx.conf

-v /mnt/data/nginx/html/:/usr/share/nginx/html/

-v /mnt/data/nginx/log:/var/log/nginx nginx

挂载:配置、静态文件、日志


1.2、添加前端工程

  • 前端工程执行: npm run build ,构建后得到dist文件夹,将dist中的文件添加到html中。
  • 项目中写后端服务器的ip【10.*.*.*】和端口。

1.3、配置nginx.conf

  • location / 前端路由
  • location /covid 后端路由

二、后端部署

2.1、docker安装mysql

  • docker pull mysql
  • docker run -it --rm --name mysql -e MYSQL_ROOT_PASSWORD=123456 -p 3306:3306 -d mysql

异常处理:https://blog.csdn.net/weixin_42242494/article/details/80630267

2.2、构建镜像

  • 构建dockerfile【jar和dockerfile在同一目录】
  • 进入docker目录,构建镜像 : docker build -t covid ./
  • 保存镜像包: docker save -o covid.tar.gz covid
  • 将 covid.tar.gz 上传到服务器
  • 加载镜像包: docker load -i covid.tar.gz
  • 运行镜像包:docker run --name covid -p 8080:8080 -d covid

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表