SpringBoot+Vue项目（若依为例）Linux部署（云服务器同理）

目录

概要

部署细节

小结

---

概要

       ssm项目部署上线，可以参考我之前写的这篇文章http://t.csdn.cn/vmZtR。本文本地部署SpringBoot+Vue项目，项目是开源项目——若依。前提准备：Linux环境，finalshell用于远程连接，navicat来操作数据库。

部署细节

第一步：修改代码里面的配置文件，把如：localhost / 127.0.0.1 改为自己Linux的IP地址

       在Linux下准备编程环境和软件，如：jdk,mysql,tomacat...可按照下面的文档操作，文档非常详细。所需软件安装包可以在下面的链接下载。

文档下载链接: https://pan.baidu.com/s/1_IZ1OPQcjCGWKJV4hGkoJA 提取码:  uymw

jdk,tomacat...安装包链接下载:https://download.csdn.net/download/qq_51483032/88125667

       以上软件安装完毕之后，将数据库数据存储到Linux里面。

第二步

        用finalshell连接自己的Linux，用root进行连接。连接后右键->复制标签，我们在第一个标签里面进行前端部署操作，在第二个标签里进行后端部署操作。

        我们先对前端文件操作，找到前端文件，压缩前端文件，上传到服务器的root/workspace目录下面。一定要压缩后上传，不然可能会丢失文件。

        直接拖到文件到workspace下

        进入workspace文件夹下解压文件，输入命令：

[root@localhost ~]# cd workspace
[root@localhost workspace]# unzip ruoyi-ui.zip

        按下回车，进行解压

        输入命令删除压缩包：

[root@localhost workspace]# rm -rf ruoyi-ui.zip

        进入ruoyi-ui文件夹下，安装依赖，输入命令：安装需要一段时间，如下图依赖安装完成

[root@localhost workspace]# cd /ruoyi-ui

[root@localhost workspace]# npm install --unsafe-perm --registry=https://registry.npm.taobao.org

         依赖安装完成之后输入以下命令进行编译打包：

  [root@localhost workspace]# npm run build:prod

        编译打包完成，ruoyi-ui文件夹下面出现dist文件：

        进入dist文件，将路径打印出来，输入命令：

[root@localhost ruoyi-ui]# cd dist
[root@localhost dist]# pwd

        打印结果：/root/workspace/ruoyi-ui/dist

        接下来利用nginx部署前端，首先到 nginx的安装目录下面找到neginx.conf文件。我的文件在这个目录下：/usr/local/nginx/conf。用之前打印出来的dist路径：/root/workspace/ruoyi-ui/dist替换root后面的路径。

        在48行后边再加以下代码：

  	   location /prod-api/ {
        	  proxy_pass http://192.168.186.134:8080/;
        }

       接下来将文件的第一行修改还为：

       全部修改完毕保存退出即可。现在把nginx 启动起来前端页面就可以访问了。用如下命令启动nginx:

[root@localhost dist]# cd /usr/local/nginx
[root@localhost nginx]# cd sbin
[root@localhost sbin]# ./nginx

        回车后就能访问前端页面了，在浏览器输入地址，此时会看到页面显示502错误是因为现在还没有部署后端项目，接下来我们部署后端项目。

第三步

       打开第二个标签，首先把后端文件上传到root/workspace下，直接从文件夹拖过去

       上传完毕之后，将项目打成jar包，我们运行jar包，这时项目就部署好了。前端的502错误也消失了。

        打jar包，执行以下命令：

[root@localhost workspace]# cd RuoYi-Vue-master/
[root@localhost RuoYi-Vue-master]# mvn package

        看到下图则打包成功：

        打包成功后会在项目下面看到target文件夹，target文件夹下有我们运行的jar包

        输入以下命令运行后端文件，此时项目部署完毕，刷新页面就可以正常访问网站首页。

[root@localhost RuoYi-Vue-master]# nohup java -jar ruoyi-admin.jar &

小结

  项目部署第一步将代码中的IP地址改为Linux的IP地址，第二步在Linux中创建数据库表并添加数据，第三步部署项目。