SpringBoot + Vue 项目部署上线到 Linux 服务器

当然代理静态资源还有很多种方法，这是一种我认为比较轻松的方案，那么要如何来做呢？

提示：无论是 Linux 环境还是 Windows 环境，以下方案是通用的（前提是你已经安装好了 node 以及 npm，我们要用npm 包安装环境）

1. 创建一个新的文件夹比如 ：myapp mkdir myapp

2. 然后进入该文件夹 ：cd myapp

3. 然后初始化 node 环境：npm init ，然后它会让你自己选择配置一些 JSON 信息

4. 然后安装 Express 环境：npm install express --save ，-- save 表示仅在当前环境使用。这里也会提示你创建一个 js 文件，你可以忽略，也可以创建

5. 然后创建 app.js 文件：touch app.js ，和 dist 文件夹在同一个目录哦

6. 编写 Express 代理静态资源的代码，windows 环境用文本编辑器，Linux 环境用 vim 编辑器

const express = require(‘express’)

const app = express()

// 代理静态资源

app.use(express.static(‘./dist’))

// 监听 4000 端口作为资源的访问路径

app.listen(4000, () => {

console.log(‘server running at http://127.0.0.1:4000’)

})

7. 编辑完毕，保存代码

8. 我们使用一个项目管理的工具包 pm2

windows 同理

安装这个我们可以实时查看项目的情况

使用这个，我们就不必用 node app.js 运行项目了，这样直接运行的弊端就是当你关闭 shell 或者 Linux shell 项目也会自动关闭。这样项目管理就会非常的方便哦

二、SpringBoot 项目如何部署？

===================================================================================

2.1 数据库部署可能出现的问题

1. 首先要确保我们的服务器上安装了 mysql 数据库

2. 然后就是数据库的相关配置，设置远程访问等等

3. 数据库默认是不支持远程连接的，如果需要请放开，设置 % 就代表运行外部用户访问

mysql> update mysql.user set host=‘%’ where user=‘root’ and host=‘localhost’;

mysql> FLUSH PRIVILEGES;

// 如果上面不起效果，请输入这条命令，应该就可以解决远程访问的问题了

mysql> grant all privileges on . to root@‘%’ identified by ‘你的数据库登录密码’;

2.2 SpringBoot 项目打包上传

通过在网上查找，我们得知 SpringBoot 项目打包有两种方式。

1. 使用内嵌 Tomcat 直接运行

2. 不使用内嵌 Tomcat，将项目打包成 war 包，部署到 Tomcat 运行

第二种方案我在 Java EE 阶段使用过，现在使用第一种

打包项目我们要在 maven 的 pom 依赖种添加如下插件

org.springframework.boot

spring-boot-maven-plugin

打开你的 Idea，点击右边的 package 即可完成打包，生成的文件在 target 目录里面

然后我们可以通过命令，直接在命令行运行项目。

java -jar xxx.jar

java -jar xxxx.war

三、服务器配置

======================================================================

3.1 SpringBoot 项目在 Linux 环境启动与停止

在这里将我们打包好的 SpringBoot 项目和 vue 项目上传到服务器中。

vue 项目就按照上面的步骤， windows 平台和 Linux 平台是通用的。

我们知道 java -jar 运行项目很方便，但是同样会遇到一个问题，那就是 Linux Shell 关闭时，服务也关闭了，因此我们要使用脚本保证我们的这个进程（SpringBoot 服务）在后台也能保持运行。

1. 我们编写一段 bash 脚本，我们只需要将 demo-0.0.1-SNAPSHOT 替换成你自己导出的 jar 包即可

#!/bin/sh

nohup java -jar demo-0.0.1-SNAPSHOT.jar &

2. 这里的&不能省略 ，表示守护进程的意思，及这个进程可以运行在后台。

3. 保存，运行脚本

sh startup.sh

ps： 如果这里执行不了命令，需要给这个文件夹赋予读写的权限 chmod 777 *

4. 查看进程是否在运行

ps -ef | grep java

找到项目名称的，第一列就是你的 pid

输入 kill -9 pid 即可停止你的java 项目

3.2 Nginx 反向代理 SpringBoot 服务

鉴于一些业务需要使用 https 服务，所以我们需要将我们的后端服务反向代理成 https 服务。

前提是，我们假设你已经配置好了下面的环境，如果不会请移步Nginx 的安装及 SSL 配置

1. 你已经在装了 Nginx 服务器

2. 你已经配置好了 SSL 证书，并实现了 https 服务，如果你不会，可以i查看这篇文章

在 http 里面配置后端服务的代称，SpringBoot 项目的代称不可以使用 ‘_’

upstream tikuApiServer {

server 127.0.0.1:9999;

}

然后在 server 为 443 的服务中这样配置

server {

listen 443 ssl http2 default_server;

listen [::]:443 ssl http2 default_server;

server_name 你的域名;

root https 项目的路径;

index index.html index.htm;

ssl_certificate “证书.crt”;

ssl_certificate_key “证书.key”;

ssl_session_cache shared:SSL:1m;
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：前端）

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

点击这里领取Web前端开发经典面试题

扫码获取！！（备注：前端）**

最后：

总结来说，面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气，但是我们可以在别的地方花更多时间，每个环节都提前做好准备。

面试一方面是为了找到工作，升职加薪，另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚，更重要的是在平时学习和工作中不断积累和坚持，把每个知识点、每一次项目开发、每次遇到的难点知识，做好积累，实践和总结。

点击这里领取Web前端开发经典面试题