超详细-前端-后端分离项目集群部署线上Linux云服务器

目录

1.springBoot部署到阿里云

  1.1 导出sprigBoot项目

1.2 将jar文件上传至服务器

2.导出vue项目

2.1 接⼊Nginx代理服务器


1.springBoot部署到阿里云

 







1.1 导出sprigBoot项目

打包之前先将application.properties配置文件中本机的ip,数据库账号密码改为云端的。

超详细-前端-后端分离项目集群部署线上Linux云服务器_第1张图片

打开idel 在控制台输入:

mvn install -Dmaven.test.skip=true

超详细-前端-后端分离项目集群部署线上Linux云服务器_第2张图片

你会在target目录看到打包好的jar包

 超详细-前端-后端分离项目集群部署线上Linux云服务器_第3张图片

1.2 将jar文件上传至服务器

打开XFTP 连接服务器

XFTP下载可以参考:
下载XTTP博文.

查看jar包,找到项目位置查看生成的,jar包

在/usr/local下新建一个software文件,将jar包拖入software超详细-前端-后端分离项目集群部署线上Linux云服务器_第4张图片

2.导出vue项目

注意:在打包之前请先修改request.js文件,改为服务器ip

 超详细-前端-后端分离项目集群部署线上Linux云服务器_第5张图片

 打开终端控制台
输入:

cnpm run build

超详细-前端-后端分离项目集群部署线上Linux云服务器_第6张图片

 dist是打包好到文件,将 dist文件拖入software中

2.1 接⼊Nginx代理服务器

修改nginx配置文件
如果没有下载nginx,可以参考: liunx系统下载与配置nginx.

  • 先进入nginx 文件目录
  • 进入conf
  • 使用vim编辑 nginx.conf配置文件
  • - 修改server
location / {
 root /usr/local/software/dist;
 index index.html index.htm;
 }

超详细-前端-后端分离项目集群部署线上Linux云服务器_第7张图片

 配置nginx访问

 location /api/ {
 proxy_pass http://lbs;
 proxy_redirect default;
}

重启nginx

./nginx -s reload

!!!!!!注意:要去阿里云开放你项目需要的端口!

到这里我们前后端都已经部署成功了

写作不易,点个赞在走呗~~



你可能感兴趣的:(服务器,前端,后端)