SpringBoot+Vue 博客系统（十三）：项目打包部署到服务器

客官°小女子只卖身不卖艺 2023-10-12 11:09 34阅读 0赞

> 签名：但行好事，莫问前程。

#### 文章目录 ####

*  前言
 *  一、后端
 *   *  1、项目打包成jar包
     *  2、上传到阿里云服务器
     *  3、启动后端jar包
 *  二、前端
 *   *  1、构建前端项目
     *  2、将dist文件上传到阿里云服务器
     *  3、启动nginx即可访问
 *  总结

--------------------

## 前言 ##

前后端分别部署到阿里云服务器，实现域名访问网站：[www.yangcunle.com][]

--------------------

## 一、后端 ##

### 1、项目打包成jar包 ###

![在这里插入图片描述][26800ba56b70452e8dfacd680b4867a2.png]

### 2、上传到阿里云服务器 ###

![在这里插入图片描述][d63ae884adfa4a0d9896851d72924985.png]

### 3、启动后端jar包 ###

nohup java -jar xxxx.jar &

## 二、前端 ##

### 1、构建前端项目 ###

![在这里插入图片描述][d680c9c044374515a98d117b3f635d43.png]

npm run build

### 2、将dist文件上传到阿里云服务器 ###

![在这里插入图片描述][fe8df0437096463683309aac1868f296.png]

### 3、启动nginx即可访问 ###

![在这里插入图片描述][e9f04f601e024e008f2ad78e575f5302.png]

--------------------

## 总结 ##

只要稍微会一些linux命令，部署项目还是很简答的，如果对你有所帮助，请一键三连。

[www.yangcunle.com]: http://www.yangcunle.com
[26800ba56b70452e8dfacd680b4867a2.png]: https://img-blog.csdnimg.cn/26800ba56b70452e8dfacd680b4867a2.png
[d63ae884adfa4a0d9896851d72924985.png]: https://img-blog.csdnimg.cn/d63ae884adfa4a0d9896851d72924985.png
[d680c9c044374515a98d117b3f635d43.png]: https://img-blog.csdnimg.cn/d680c9c044374515a98d117b3f635d43.png
[fe8df0437096463683309aac1868f296.png]: https://img-blog.csdnimg.cn/fe8df0437096463683309aac1868f296.png
[e9f04f601e024e008f2ad78e575f5302.png]: https://img-blog.csdnimg.cn/e9f04f601e024e008f2ad78e575f5302.png