基于Spring Boot+Vue的博客系统 22——将博客部署到服务器

linux服务器管理

宝塔面板：

宝塔Linux面板是提升运维效率的服务器管理软件，支持一键LAMP/LNMP/集群/监控/网站/FTP/数据库/JAVA等100多项服务器管理功能。有20个人的专业团队研发及维护，经过200多个版本的迭代，功能全，少出错且足够安全，已获得全球百万用户认可安装。
官网：https://www.bt.cn/

安装宝塔面板作用在于：安装完成之后我们就可以通过浏览器向服务器传输文件，还能一键安装软件，比较方便的进行命令行操作等等。安装步骤参考官方网站。
安装完成之后访问服务器的8888端口，会出现下面界面：
安装完成办他面板

后端项目打包

修改application.yml，因为我们在配置跨域访问的时候用到的是这里的redriect.uri，所以这里要修改为服务器地址
修改application.yml
在pom.xml中添加maven插件

注意这里的<bootclasspath></bootclasspath>和jdk版本要根据自己电脑上安装的位置进行配置

<build>
    <plugins>
        <!-- maven打包插件 -->
        <plugin>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-maven-plugin</artifactId>
        </plugin>
        <!-- maven编译环境 -->
        <plugin>
            <groupId>org.apache.maven.plugins</groupId>
            <artifactId>maven-compiler-plugin</artifactId>
            <configuration>
                <source>1.8</source>
                <target>1.8</target>
                <compilerArguments>
                    <bootclasspath>D:/Program Files/Java/jre1.8.0_131/lib/rt.jar</bootclasspath>
                </compilerArguments>
            </configuration>
        </plugin>
    </plugins>
</build>

点击packsge即可将项目打包
点击图中package即可进行打包
然后在项目的target目录下会生成一个以.jar结尾的文件，打包成功。
打包之后的文件

前端项目的打包

前端需要修改三个地方

将 /src/request/api/url.js中的baseUrl换成服务器的地址
将/src/components/page/mainPage.vue中created()生命周期中的URL改为服务器地址
修改导航栏组件中点击“登录”跳转的URL地址

然后在命令行执行npm run dev命令，项目会生成一个dist文件夹存放打包之后文件：

修改码云应用信息

将我们创建的码云第三方应用的回调地址修改为服务器地址
修改码云

服务器配置

安装Ngnix
在软件商店搜索nginx，点击下载即可

安装jdk
在首页打开终端

打开终端之后，我们就可以在终端执行linux命令，先更新应用yum update，再安装jdk：yum install java
安装redis
运行命令yum install redis即可，详细步骤可参考文章：centos7 yum install redis
配置Nginx
使用宝塔面板可以使我们更加方便的修改配置文件，如下，我们将Nginx监听的端口设为80，将项目的目录设置为/usr/local/web

然后我们将前端打包好的文件放在/usr/local/web文件夹下
上传文件
再上传后端打包后的项目到/usr/local/app文件夹中
上传后端打包项目
最后打开终端，进入项目文件夹，运行java -jar 文件名即可启动项目。