若依springboot+vue前后端分离系统部署到腾讯服务器教程-Toy模板网

这篇具有很好参考价值的文章主要介绍了若依springboot+vue前后端分离系统部署到腾讯服务器教程。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

前言

前后端分离的开发模式在现代web应用开发中越来越流行，它可以提高开发效率、降低维护成本、提高系统的可扩展性和可维护性。而腾讯云作为国内领先的云计算服务提供商，为开发者提供了稳定、高效、安全的云计算服务，为前后端分离应用的部署提供了良好的解决方案。

本文主要介绍如何将基于SpringBoot和Vue的前后端分离系统部署到腾讯云服务器上，以帮助开发者快速搭建自己的云计算平台。本文将从环境准备、服务器配置、部署流程等方面进行详细讲解，帮助读者快速上手。

在开始之前，需要先了解SpringBoot和Vue的基础知识，并具备一定的Linux系统管理和操作经验。本文将从实际操作出发，结合具体的案例和代码示例，帮助读者深入理解前后端分离系统的部署和运维。

希望本文能够为广大开发者提供有价值的参考和指导，帮助大家更好地应对实际开发和运维中的挑战。

一、若依项目地址

Gitee链接地址:https://gitee.com/y_project/RuoYi。
若依官网地址:http://ruoyi.vip/

二、部署步骤

1.拉取项目

一、进入Gitee官网复制连接(如下图所示)：

若依部署到服务器,java,spring boot,vue.js,腾讯云,java

二、打开idea拉取项目(如下图)：
若依部署到服务器,java,spring boot,vue.js,腾讯云,java

2.准备项目所需环境的修改

一、进入ruoyi-admin中，打开yml配置文件，这里有两个yml文件，需要根据你自己的电脑做出相对应的修改先点击application-druid.yml这个配置文件，里面配置很多，但是你只需要修改数据库配置就行了，这里的数据库地址如果改成你相对应的服务器ip地址，用户名，密码根据自己的数据库自行更改。
若依部署到服务器,java,spring boot,vue.js,腾讯云,java
二、然后在点击application.yml这个配置文件，这个文件只需要修改redis配置就行了。

3.安装服务器中jar包所需要的运行环境

1、安装Jdk8:

这里为了方便我们就用yum安装方式安装了。

1、先查看是否安装了JDK

yum list installed |grep java

2、卸载CentOS系统Java环境

yum -y remove java-1.8.0-openjdk* *代表卸载所有openjdk相关文件输入

yum -y remove tzdata-java.noarch 卸载tzdata-java

3、查看JDK软件包版本

yum -y list java*

4、查看JDK软件包列表安装JDK

yum install -y java-1.8.0-openjdk* 自动安装java1.8.0所有程序

控制台返回Complete安装成功！！

2、安装redis：

这里也用yum安装、默认安装的端口是6379，这里就不更改了！

yum install redis

启动redis:

systemctl start redis

3、安装mysql：

也用yum安装、默认端口是3306

查看数据库是否安装：

yum list installed | grep mysql

使用yum安装mysql数据库

yum -y install mysql-server mysql mysql-devel

命令将：mysql-server、mysql、mysql-devel都安装好，当结果显示为“Complete！即安装完毕。

启动mysql

systemctl start mysqld

安装完成后，使用本地数据库工具，Navicat 等等，连接到服务器数据库，创建ruoyi项目所需要的数据库

4、然后服务器进入你存放jar包目录下，输入命令：

前台启动：java -jar 项目名称.java

后台启动：java -jar 项目名称.java &

启动成功后浏览器访问后台，输入你的服务器ip地址+端口号，这里的端口号是8085(注意默认是8080)

例如：192.168.44.128:8080
若依部署到服务器,java,spring boot,vue.js,腾讯云,java

4.部署前端部分

1、打开ruoyi-ui前端部分
若依部署到服务器,java,spring boot,vue.js,腾讯云,java

打开配置文件vue.config.js，修改其中target地址，此地址为你后端项目访问地址：改成后端项目启动浏览器访问地址就行了。
若依部署到服务器,java,spring boot,vue.js,腾讯云,java

开始前端代码部分打包，在ruoyi-ui模块右击，点击open in打开终端！
若依部署到服务器,java,spring boot,vue.js,腾讯云,java

先安装项目依赖输入：npm install

在进行项目打包：npm run build:prod

打包完成后会在项目ruoyi-ui目录下生成一个dist文件！

若依部署到服务器,java,spring boot,vue.js,腾讯云,java

把生成的dist文件准备好，进入服务器，安装nginx这里也用yum方式安装：

5.安装 nginx

yum install -y nginx

安装完成后nginx、会在相应目录下生成配置文件等等

nginx 配置信息

1、网站文件存放默认位置（Welcome to nginx 页面）

/usr/share/nginx/html

2、网站默认站点配置

/etc/nginx/conf.d/default.conf

3、自定义 nginx 站点配置文件存放目录

/etc/nginx/conf.d/

4、nginx 全局配置文件

/etc/nginx/nginx.conf

5、启动 nginx

service nginx start

6、关闭 nginx

service nginx stop

7、重启 nginx

service nginx reload

在服务器/root目录下新建一个文件夹download,把打包生成的dist文件放到此目录下

修改nginx配置文件：

1、cd /etc/nginx/

2、vim nginx.conf

在文件中加入此行配置，root下的项目路径改为上面存放项目的路径！！！！

location为转发到后端路径！！！保存！！！

若依部署到服务器,java,spring boot,vue.js,腾讯云,java

配置完成后启动nginx

cd /root/usr/sbin/ #进入此目录下启动nginx

./nginx #启动命令

浏览器访问：IP+端口，nginx端口默认的是80
若依部署到服务器,java,spring boot,vue.js,腾讯云,java

总结

本文介绍了如何将基于SpringBoot和Vue的前后端分离系统部署到腾讯云服务器上的详细步骤和流程。总的来说，部署流程可以分为以下几个步骤：

环境准备：在腾讯云上创建一台Linux服务器，并安装必要的软件和工具，如Java、Node.js、Nginx等。

构建前端项目：将Vue项目打包成静态文件，并上传到服务器上。

构建后端项目：将SpringBoot项目打包成可执行Jar包，并上传到服务器上。

配置Nginx反向代理：配置Nginx服务器，将前端和后端的请求路由到对应的端口上。

启动应用程序：在服务器上启动后端应用程序，并通过Nginx代理访问前端页面。

通过以上步骤，我们可以成功地将前后端分离系统部署到腾讯云服务器上，并实现了前端和后端的分离和独立部署，为我们的应用程序提供了更好的可扩展性和可维护性。

总之，通过本文的介绍，我们可以了解到如何将前后端分离系统部署到腾讯云服务器上，并掌握了一些实用的工具和技巧，帮助我们更好地开发和运维我们的应用程序。同时，我们也要不断学习和探索新的技术和方法，不断提高自己的技能水平，为我们的应用程序提供更好的服务和体验。文章来源地址https://www.toymoban.com/news/detail-765329.html

到了这里，关于若依springboot+vue前后端分离系统部署到腾讯服务器教程的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！