系列文章目錄

華為云云服務(wù)器評測 第一章 [linux實戰(zhàn)] 華為云耀云服務(wù)器L實例 Java、node環(huán)境配置
華為云云服務(wù)器評測 第二章 [linux實戰(zhàn)] Unbutnu添加SSH Key、啟動Springboot項目
華為云云服務(wù)器評測 第三章 [linux實戰(zhàn)] 使用Vue3、Element-plus菜單組件構(gòu)建輪播圖
華為云云服務(wù)器評測 第四章 [linux實戰(zhàn)] 寶塔+nginx 同時部署Springboot、Vue項目

前言

我們在第一章里，在云服務(wù)里配置了Java后端環(huán)境（JDK、Maven）、Vue前端環(huán)境（Node、Npm），并配置了git代碼管理工具；
在第二章里，往github里添加了SSH Key，在云服務(wù)器里拉取Springboot項目代碼并啟動；
在第三章里，在云服務(wù)器里拉取Vue項目代碼并啟動;
在本章節(jié)里，我們講述下華為云服務(wù)的寶塔運維工具、nginx服務(wù)代理功能的使用，主要解決同時部署Springboot、Vue項目問題。

內(nèi)容概述

1、找到寶塔服務(wù)入口、找到寶塔登錄名、密碼、綁定寶塔賬號、安裝nginx；
2、在寶塔里配置終端環(huán)境；
3、使用寶塔的【軟件商店】，找到nginx，并找到nginx的html目錄，華為云服務(wù)為：/www/server/nginx/；
4、使用寶塔的【終端】，打包編譯Vue項目，打包后的dist文件夾里的內(nèi)容拷貝到【/www/server/nginx/html】，此時就可以看到Vue的博物館管理系統(tǒng)首頁了；
5、此時要部署Springboot項目了，我們采用代理轉(zhuǎn)發(fā)端口的方式，修改nginx配置，在80端口監(jiān)聽下增加路徑映射，映射到8080端口；
6、修改Springboot的yml文件，配置端口8080并啟動服務(wù)，此時就可以看到csdn質(zhì)量分查詢系統(tǒng)首頁了。

1、找到寶塔服務(wù)入口、找到寶塔登錄名、密碼、綁定寶塔賬

1.1、登錄華為云服務(wù)，找到產(chǎn)品頁

1、在【首頁】的【產(chǎn)品】頁找到【華為云耀云服務(wù)L實例】，鼠標(biāo)單擊進入【華為云耀云服務(wù)L實例】概覽頁面；

2、如果【首頁】的【產(chǎn)品】頁里，沒有【華為云耀云服務(wù)L實例】選項，我們使用鼠標(biāo)單擊【查看所有產(chǎn)品】，進入【華為云產(chǎn)品】頁面；然后在【華為云產(chǎn)品】頁面的【精選推薦】處可以找到【華為云耀云服務(wù)L實例】，鼠標(biāo)單擊進入【華為云耀云服務(wù)L實例】概覽頁面；

3、前2步的分支都會進入【華為云耀云服務(wù)L實例】概覽頁面，我們繼續(xù)鼠標(biāo)單擊【控制臺】，進入【華為云耀云服務(wù)L實例控制臺】，可以看到我們購買的華為云耀云服務(wù)L實例。

1.2、華為云耀云服務(wù)L實例頁面

在【華為云耀云服務(wù)L實例】頁面，可以看到有【寶塔 Linux 面板 8.0.0.1】標(biāo)記，代表此服務(wù)器自帶寶塔運維工具

1.3、搜索【寶塔初始化】，點開【初始化寶塔面板 - 云耀云服務(wù)器L實例】

搜索【寶塔初始化】，跳轉(zhuǎn)到頁面：https://www.huaweicloud.com/s/JeWuneWhlOWIneWni-WMliU
點開【初始化寶塔面板 - 云耀云服務(wù)器L實例】

1.4、跟著文章操作，進入寶塔面板

在【1.2】處，鼠標(biāo)單擊【BT-cn-south-1-89ik】區(qū)域，進入【BT-cn-south-1-89ik】這臺云耀云服務(wù)L實例管理界面；

1.4.1、配置服務(wù)器密碼

1.4.2、配置寶塔的安全組，入規(guī)則添加8888端口

1.4.2.1、找到寶塔要配置的端口

找到【鏡像信息】-【寶塔Linux面板8.0.0.1】下的【管理】，可以看到地址后面的端口：http://139.159.230.49:8888/login?err=1，這里就找到了我們需要的端口：8888

公網(wǎng)IP：139.159.230.49
寶塔端口：8888

1.4.2.2、更改安全組

1、單擊云耀云服務(wù)器L實例卡片，進入資源頁面。
2、在左側(cè)列表中單擊“云耀云服務(wù)器L實例”，單擊云服務(wù)器名稱，進入云服務(wù)器詳情頁面。
3、選擇“安全組”頁簽，單擊“添加規(guī)則”，添加如下規(guī)則配置。
4、本例只添加基本規(guī)則，您可根據(jù)需要添加更多規(guī)則。

1.4.3、登錄服務(wù)器終端，獲取寶塔登錄名、密碼

登錄云服務(wù)器，運行sudo cat /credentials/password.txt命令行獲取寶塔管理界面用戶名及密碼?？刹榭吹焦芾韱T用戶名為administrator。

也可以登錄云服務(wù)器，運行cd /www/server/panel && btpython tools.py panel passwd administrator命令直接設(shè)置管理員密碼。其中，“passwd”為管理員administrator的密碼。例如cd /www/server/panel && btpython tools.py panel abc123456 administrator，指管理員administrator的密碼為abc123456。

1.4.4、在瀏覽器里訪問寶塔

地址：http://139.159.230.49:8888/login?err=1（見【1.4.2】）

1.4.4、在瀏覽器里訪問寶塔

輸入步驟1獲取的用戶名密碼，單擊“登錄”。

登錄后如果出現(xiàn)如下提示，請單擊“未有賬號，免費注冊”在寶塔官網(wǎng)注冊。
在寶塔官網(wǎng)注冊后，在這里輸入注冊的手機號和密碼登錄寶塔面板。

安裝基礎(chǔ)組合軟件。
請選擇LNMP里的Nginx(由于內(nèi)存只有2G，只需安裝nginx即可)，其他選項全部設(shè)置為【不選中】，選擇【極速安裝】，選擇LNMP這邊的【一鍵安裝】，等待安裝直至結(jié)束。

2、在寶塔里配置終端環(huán)境

在寶塔的終端里添加主機信息，填入【服務(wù)器IP】、【密碼】即可，第二次會免密自動進入；

3、使用寶塔的【軟件商店】，找到nginx，并找到nginx的html目錄

使用寶塔的【軟件商店】，找到nginx，并找到nginx的html目錄，華為云服務(wù)器的nginx目錄為：/www/server/nginx/
conf: 里面存放的是配置文件
html：里面存放的是靜態(tài)資源文件

4、使用寶塔的【終端】，打包編譯Vue項目

使用寶塔的【終端】，打包編譯Vue項目，打包后的dist文件夾里的內(nèi)容拷貝到【/www/server/nginx/html】

4.1、查看【第三章】,使用npm run build打包編譯Vue項目

4.2、打包后的dist文件夾里的內(nèi)容拷貝到【/www/server/nginx/html】

使用cp或者mv命令，移動dist下的文件/文件夾到【/www/server/nginx/html】目錄下

4.3、此時就可以看到Vue的博物館管理系統(tǒng)首頁了

訪問地址：http://139.159.230.49/
圖片沒有做優(yōu)化，是保存在云服務(wù)器里，通過云服務(wù)器流量提供服務(wù)，所以加載比較慢

5、此時要部署Springboot項目了，我們采用代理轉(zhuǎn)發(fā)端口的方式，修改nginx配置，在80端口監(jiān)聽下增加路徑映射，映射到8080端口

5.1、nginx配置到首頁管理

在【軟件商店】里，配置nginx為【首頁顯示】

5.2、從首頁里點開【nginx服務(wù)】

5.3、 在【nginx管理】里，切換到【配置修改】

修改地68行的【server】，修改80端口的監(jiān)聽配置，然后點擊【保存】

	server
    {
        listen 80;
        server_name http;
        index index.html index.htm index.php;
        root  /www/server/nginx/html;

        #error_page   404   /404.html;
       

        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }

        location ~ .*\.(js|css)?$
        {
            expires      12h;
        }

        location ~ /\.
        {
            deny all;
        }
        
        location /csdn
        {
            proxy_pass http://localhost:8080;
        }
       
        access_log  /www/wwwlogs/access.log;
    }

5.4、 在【nginx管理】里，切換到【服務(wù)】

首先【重載配置】，然后【重啟】服務(wù)

5.5、此時已完成nginx轉(zhuǎn)發(fā)配置

可見【5.3】代碼區(qū)，本機80端口下的路徑/csdn，代理本機的8080端口

server
{
    ......
	location /csdn
	{
	    proxy_pass http://localhost:8080;
	}
}

6、修改Springboot的yml文件，配置端口8080并啟動服務(wù)

6.1、找到y(tǒng)ml配置文件

在文件里，輸入項目存放yml配置文件的地方：/home/java/code/csdnQc/src/main/resources

6.2、雙擊【application.yml】文件，編譯端口

6.3、重新編譯項目

6.3.1、快捷打開項目根目錄

6.3.2、編譯項目

輸入命令：mvn clean package

6.3.3、查看是否已啟動Java項目

ps -ef | grep java
如果有的話，使用kill -9命令kill掉Java進程

6.4、以后臺模式啟動項目

nohup java -jar spiderX-0.0.1-SNAPSHOT.jar >log.file 2>&1 &

6.5、此時就可以看到csdn批量質(zhì)量分查詢系統(tǒng)了

在瀏覽器輸入地址，即可訪問到csdn批量質(zhì)量分查詢系統(tǒng)了
地址：http://139.159.230.49/csdn/static/index.html

總結(jié)

以上就是今天要講的內(nèi)容，本文介紹了在Ubuntu系統(tǒng)里，利用寶塔安裝nginx、修改nginx配置、配置nginx本地代理、使用終端、編譯Vue項目、 運行Vue項目、編譯Springboot項目、運行Springboot項目等內(nèi)容。使得Vue項目、Springboot項目，在云服務(wù)器只開放80端口的情況下，可以同時部署運行，其他更多的服務(wù)，也可采用同意的方式配置。文章來源地址http://www.zghlxwxcb.cn/news/detail-695194.html

到了這里，關(guān)于華為云云服務(wù)器評測 寶塔+nginx 同時部署Springboot、Vue項目的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！