前言

前后端分離的開發(fā)模式在現(xiàn)代web應(yīng)用開發(fā)中越來(lái)越流行，它可以提高開發(fā)效率、降低維護(hù)成本、提高系統(tǒng)的可擴(kuò)展性和可維護(hù)性。而騰訊云作為國(guó)內(nèi)領(lǐng)先的云計(jì)算服務(wù)提供商，為開發(fā)者提供了穩(wěn)定、高效、安全的云計(jì)算服務(wù)，為前后端分離應(yīng)用的部署提供了良好的解決方案。

本文主要介紹如何將基于SpringBoot和Vue的前后端分離系統(tǒng)部署到騰訊云服務(wù)器上，以幫助開發(fā)者快速搭建自己的云計(jì)算平臺(tái)。本文將從環(huán)境準(zhǔn)備、服務(wù)器配置、部署流程等方面進(jìn)行詳細(xì)講解，幫助讀者快速上手。

在開始之前，需要先了解SpringBoot和Vue的基礎(chǔ)知識(shí)，并具備一定的Linux系統(tǒng)管理和操作經(jīng)驗(yàn)。本文將從實(shí)際操作出發(fā)，結(jié)合具體的案例和代碼示例，幫助讀者深入理解前后端分離系統(tǒng)的部署和運(yùn)維。

希望本文能夠?yàn)閺V大開發(fā)者提供有價(jià)值的參考和指導(dǎo)，幫助大家更好地應(yīng)對(duì)實(shí)際開發(fā)和運(yùn)維中的挑戰(zhàn)。

一、若依項(xiàng)目地址

Gitee鏈接地址:https://gitee.com/y_project/RuoYi。
若依官網(wǎng)地址:http://ruoyi.vip/

二、部署步驟

1.拉取項(xiàng)目

一、進(jìn)入Gitee官網(wǎng)復(fù)制連接(如下圖所示)：

二、打開idea拉取項(xiàng)目(如下圖)：

2.準(zhǔn)備項(xiàng)目所需環(huán)境的修改

一、進(jìn)入ruoyi-admin中，打開yml配置文件，這里有兩個(gè)yml文件，需要根據(jù)你自己的電腦做出相對(duì)應(yīng)的修改先點(diǎn)擊application-druid.yml這個(gè)配置文件，里面配置很多，但是你只需要修改數(shù)據(jù)庫(kù)配置就行了，這里的數(shù)據(jù)庫(kù)地址如果改成你相對(duì)應(yīng)的服務(wù)器ip地址，用戶名，密碼根據(jù)自己的數(shù)據(jù)庫(kù)自行更改。

二、然后在點(diǎn)擊application.yml這個(gè)配置文件，這個(gè)文件只需要修改redis配置就行了。

3.安裝服務(wù)器中jar包所需要的運(yùn)行環(huán)境

1、安裝Jdk8:

這里為了方便我們就用yum安裝方式安裝了。

1、先查看是否安裝了JDK

yum list installed |grep java

2、卸載CentOS系統(tǒng)Java環(huán)境

yum -y remove java-1.8.0-openjdk* *代表卸載所有openjdk相關(guān)文件輸入

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* 自動(dòng)安裝java1.8.0所有程序

控制臺(tái)返回Complete安裝成功??！

2、安裝redis：

這里也用yum安裝、默認(rèn)安裝的端口是6379，這里就不更改了！

yum install redis

啟動(dòng)redis:

systemctl start redis

3、安裝mysql：

也用yum安裝、默認(rèn)端口是3306

查看數(shù)據(jù)庫(kù)是否安裝：

yum list installed | grep mysql

使用yum安裝mysql數(shù)據(jù)庫(kù)

yum -y install mysql-server mysql mysql-devel

命令將：mysql-server、mysql、mysql-devel都安裝好，當(dāng)結(jié)果顯示為“Complete！即安裝完畢。

啟動(dòng)mysql

systemctl start mysqld

安裝完成后，使用本地?cái)?shù)據(jù)庫(kù)工具，Navicat 等等，連接到服務(wù)器數(shù)據(jù)庫(kù)，創(chuàng)建ruoyi項(xiàng)目所需要的數(shù)據(jù)庫(kù)

4、然后服務(wù)器進(jìn)入你存放jar包目錄下，輸入命令：

前臺(tái)啟動(dòng)：java -jar 項(xiàng)目名稱.java

后臺(tái)啟動(dòng)：java -jar 項(xiàng)目名稱.java &

啟動(dòng)成功后瀏覽器訪問(wèn)后臺(tái)，輸入你的服務(wù)器ip地址+端口號(hào)，這里的端口號(hào)是8085(注意默認(rèn)是8080)

例如：192.168.44.128:8080

4.部署前端部分

1、打開ruoyi-ui前端部分

打開配置文件vue.config.js，修改其中target地址，此地址為你后端項(xiàng)目訪問(wèn)地址：改成后端項(xiàng)目啟動(dòng)瀏覽器訪問(wèn)地址就行了。

開始前端代碼部分打包，在ruoyi-ui模塊右擊，點(diǎn)擊open in打開終端！

先安裝項(xiàng)目依賴輸入：npm install

在進(jìn)行項(xiàng)目打包：npm run build:prod

打包完成后會(huì)在項(xiàng)目ruoyi-ui目錄下生成一個(gè)dist文件！

把生成的dist文件準(zhǔn)備好，進(jìn)入服務(wù)器，安裝nginx這里也用yum方式安裝：

5.安裝 nginx

yum install -y nginx

安裝完成后nginx、會(huì)在相應(yīng)目錄下生成配置文件等等

nginx 配置信息

1、網(wǎng)站文件存放默認(rèn)位置（Welcome to nginx 頁(yè)面）

/usr/share/nginx/html

2、網(wǎng)站默認(rèn)站點(diǎn)配置

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

3、自定義 nginx 站點(diǎn)配置文件存放目錄

/etc/nginx/conf.d/

4、nginx 全局配置文件

/etc/nginx/nginx.conf

5、啟動(dòng) nginx

service nginx start

6、關(guān)閉 nginx

service nginx stop

7、重啟 nginx

service nginx reload

在服務(wù)器/root目錄下新建一個(gè)文件夾download,把打包生成的dist文件放到此目錄下

修改nginx配置文件：

1、cd /etc/nginx/

2、vim nginx.conf

在文件中加入此行配置，root下的項(xiàng)目路徑改為上面存放項(xiàng)目的路徑?。。。?/p>

location為轉(zhuǎn)發(fā)到后端路徑?。?！保存！??！

配置完成后啟動(dòng)nginx

cd /root/usr/sbin/ #進(jìn)入此目錄下啟動(dòng)nginx

./nginx #啟動(dòng)命令

瀏覽器訪問(wèn)：IP+端口，nginx端口默認(rèn)的是80

總結(jié)

本文介紹了如何將基于SpringBoot和Vue的前后端分離系統(tǒng)部署到騰訊云服務(wù)器上的詳細(xì)步驟和流程?？偟膩?lái)說(shuō)，部署流程可以分為以下幾個(gè)步驟：

環(huán)境準(zhǔn)備：在騰訊云上創(chuàng)建一臺(tái)Linux服務(wù)器，并安裝必要的軟件和工具，如Java、Node.js、Nginx等。

構(gòu)建前端項(xiàng)目：將Vue項(xiàng)目打包成靜態(tài)文件，并上傳到服務(wù)器上。

構(gòu)建后端項(xiàng)目：將SpringBoot項(xiàng)目打包成可執(zhí)行Jar包，并上傳到服務(wù)器上。

配置Nginx反向代理：配置Nginx服務(wù)器，將前端和后端的請(qǐng)求路由到對(duì)應(yīng)的端口上。

啟動(dòng)應(yīng)用程序：在服務(wù)器上啟動(dòng)后端應(yīng)用程序，并通過(guò)Nginx代理訪問(wèn)前端頁(yè)面。

通過(guò)以上步驟，我們可以成功地將前后端分離系統(tǒng)部署到騰訊云服務(wù)器上，并實(shí)現(xiàn)了前端和后端的分離和獨(dú)立部署，為我們的應(yīng)用程序提供了更好的可擴(kuò)展性和可維護(hù)性。

總之，通過(guò)本文的介紹，我們可以了解到如何將前后端分離系統(tǒng)部署到騰訊云服務(wù)器上，并掌握了一些實(shí)用的工具和技巧，幫助我們更好地開發(fā)和運(yùn)維我們的應(yīng)用程序。同時(shí)，我們也要不斷學(xué)習(xí)和探索新的技術(shù)和方法，不斷提高自己的技能水平，為我們的應(yīng)用程序提供更好的服務(wù)和體驗(yàn)。文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-765329.html

到了這里，關(guān)于若依springboot+vue前后端分離系統(tǒng)部署到騰訊服務(wù)器教程的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！