部署实战-Docker+nginx部署前后端分离项目
1.安装Docker和Docker-Compose
1.安装Docker
记一次踩坑:误装podman-docker
问题概述:Centos8去下载Docker时,默认装的是podman-docker。当你去执行命令:systemctl start docker时,会出现以下错误:
所以我们必须卸载装的podman-docker,重新安装。
1.卸载podman-docker
yum remove docker
2.下载docker-ce源
curl https://download.docker.com/linux/centos/docker-ce.repo -o /etc/yum.repos.d/docker-ce.repo
3.安装dockers-ce
yum install docker-ce -y
2.安装Docker-Compose
1.下载可能略慢,请耐心等待
sudo curl -L "https://github.com/docker/compose/releases/download/1.27.4/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose
2.赋予权限
sudo chmod +x /usr/local/bin/docker-compose
3.查看版本,安装成功
docker-compose --version
2.下载nginx
1.拉取nginx镜像
docker pull nginx
2.linux下安装nginx
1.安装nginx依赖
#安装gcc
yum install gcc-c++
#安装PCRE pcre-devel
yum install -y pcre pcre-devel
#安装zlib
yum install -y zlib zlib-devel
#安装Open SSL
yum install -y openssl openssl-devel
2.下载nginx安装包
wget http://nginx.org/download/nginx-1.16.1.tar.gz
3.解压
tar -xvf nginx-1.16.1.tar.gz
4.在usr/local/路径下创建一个文件夹并命名为nginx
#创建一个文件夹
cd /usr/local
mkdir nginx
cd nginx
5.退出文件夹
cd /
6.进入/路径下的nginx-1.61.1
cd nginx-1.16.1/
7.执行./configure
./configure
8.执行make
make
9.执行make install
make install
10.nginx已完成安装,默认安装目录为
/usr/local/nginx
11.进入安装位置的sbin目录,使用./nginx启动nginx
cd /usr/local/nginx/sbin
./nginx
12.浏览器中输入自己虚拟机/学习机/服务器的IP即可访问
3.修改nginx配置文件
找到自己根目录下的nginx-1.16.1,然后找到conf文件夹,然后将servr中的location全部替换为:
ip地址填写自己的ip,对应端口号分别为前端IP端口号、后台IP端口号
location / {
proxy_pass http://10.21.23.91:8083;
}
location /api {
proxy_pass http://10.21.23.91:7020/api;
}
3.打包前端代码
1.gitlab/github...拉取前端代码到idea,打开idea终端执行以下命令
npm run build
若是失败可以先执行yarn install
2.前端生成的静态包如下所示,外层的包可以自己命名,此处我自己命名为artifacts
3.将idea连接到远程主机
注意:此处也可以直接使用XSheel连接远程主机,或者Xftp进行文件传输。
3.1找到''浏览远程主机''
3.2进行SSH配置
3.3点击测试连接:成功!
相关文章