關於前端vue打包項目以及靜態網站部署項目到阿裡雲ECS雲伺服器初學簡單教程

来源:https://www.cnblogs.com/dnlm/archive/2023/05/12/17394514.html
-Advertisement-
Play Games

準備工作: 1.首先進入https://ecs.console.aliyun.com/ 領取或者購買一臺簡單的ECS雲伺服器。 進入網站註冊登錄後拉到頁面最下麵或者頂部搜索免費雲伺服器領取立即試用 ,當然富哥花錢買一臺伺服器也行。 創建完了以後可以進入雲服務ECS工作台,然後就是以下界面 點擊右邊的 ...


準備工作:

1.首先進入https://ecs.console.aliyun.com/ 領取或者購買一臺簡單的ECS雲伺服器。

進入網站註冊登錄後拉到頁面最下麵或者頂部搜索免費雲伺服器領取立即試用 ,當然富哥花錢買一臺伺服器也行。

 

創建完了以後可以進入雲服務ECS工作台,然後就是以下界面

 

點擊右邊的實例進入到實例界面  會預設生成一個實例(也可以自己嘗試創建新的實例)

給當前的實例修改成自己想要保存的實例名稱和密碼(自己要記住後面需要用到)

 

然後點擊左側的網路與安全>安全組並且進入創建一條80埠的安全組規則並保存

回到剛纔的實例列表點擊遠程連接並通過Workbench遠程連接(其他方式可以自己嘗試),輸入前面自己修改的實例名稱+密碼登錄。

會進入到一個黑色界面類似控制台的頁面

有兩個比較重要的模板需要使用      右上角的文件>打開新文件樹以及會話>新終端

一、在右側的新終端搭建我們的Docker CE(社區版)企業版則為Docker EE。

  首先安裝Docker依賴庫

yum install -y yum-utils device-mapper-persistent-data lvm2

添加Docker CE的軟體源信息

yum-config-manager --add-repo http://mirrors.aliyun.com/docker-ce/linux/centos/docker-ce.repo

安裝Docker CE

yum makecache fast
yum -y install docker-ce

最後啟動Docker服務

systemctl start docker

額外的兩個Docker常用命令

重新載入服務配置

systemctl daemon-reload

重啟Docker服務

systemctl restart docker

二、使用Docker安裝Nginx服務

查看Docker鏡像倉庫中Nginx的可用版本

docker search nginx

拉取最新版的Nginx鏡像

docker pull nginx:latest

查看本地鏡像

docker images

運行容器

docker run --name nginx-test -p 8080:80 -d nginx

命令參數說明:

 --name nginx-test:容器名稱。

 -p 8080:80 埠進行映射,將本地8080埠映射到容器內部的80埠。

 -d nginx 設置容器在後臺一直運行。

然後在瀏覽器輸入http://<ECS公網地址>:8080打開Nginx服務。代表Nginx服務已經正常運行。

 附:參考配置地址:https://developer.aliyun.com/article/946460

三、單獨安裝Nginx依賴並使用Naginx

安裝依賴包

yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel

下載並解壓安裝包

//cd進入/usr/local文件目錄
cd /usr/local
//創建一個nginx文件夾
mkdir nginx
//cd進入nginx文件
cd nginx
//下載tar包
wget http://nginx.org/download/nginx-1.13.7.tar.gz
//下載好進行解壓命令
tar -xvf nginx-1.13.7.tar.gz

安裝Nginx

//進入nginx目錄
cd /usr/local/nginx
//進入目錄
cd nginx-1.13.7
//執行命令 考慮到後續安裝ssl證書 添加兩個模塊
./configure --with-http_stub_status_module --with-http_ssl_module
//執行make命令
make
//執行make install命令
make install

註意make有可能會出現很多報錯的情況

簡單列舉幾項解決方案(其他的自行百度)

第一種錯誤

src/os/unix/ngx_user.c: In function ‘ngx_libc_crypt’:
src/os/unix/ngx_user.c:36:7: error: ‘struct crypt_data’ has no member named ‘current_salt’
   36 |     cd.current_salt[0] = ~salt[0];
      |       ^
make[1]: *** [objs/Makefile:797:objs/src/os/unix/ngx_user.o] 錯誤 1
make[1]: 離開目錄“/home/zyz/nginx-1.12.0/nginx-1.12.0”
make: *** [Makefile:8:build] 錯誤 2

解決方案

打開文件樹列表進入/usc/local/nginx/nginx-1.13.7/src/os/unix/ngx_user.c文件   註銷  cd.current_salt[0] = ~salt[0];保存

第二種錯誤

  src/http/ngx_http_script.c: 在函數‘ngx_http_script_add_full_name_code’中:
    src/http/ngx_http_script.c:1296:18: 錯誤:cast between incompatible function types from ‘size_t (*)(ngx_http_script_engine_t *)’ {或稱 ‘long unsigned int (*)(struct <匿名> *)’} to ‘void (*)(ngx_http_script_engine_t *)’ {或稱 ‘void (*)(struct <匿名> *)’} [-Werror=cast-function-type]
         code->code = (ngx_http_script_code_pt) ngx_http_script_full_name_len_code;
                      ^
    cc1:所有的警告都被當作是錯誤
    make[1]: *** [objs/Makefile:893:objs/src/http/ngx_http_script.o] 錯誤 1
    make[1]: 離開目錄“/usr/download/nginx-1.14.1”
    make: *** [Makefile:8:build] 錯誤 2

解決方案

打開文件樹列表進入/usc/local/nginx/nginx-1.13.7/objs/Makefile文件  

CFLAGS =  -pipe  -O -W -Wall -Wpointer-arith -Wno-unused-parameter -Werror -g 

改為

CFLAGS =  -pipe  -O -W -Wall -Wpointer-arith -Wno-unused-parameter -g 

如何啟動Nginx服務

輸入命令

cd /usr/local/nginx/sbin

到目錄執行:

./nginx

第三種錯誤(Nginx啟動錯誤)

Nginx啟動時提示nginx: [emerg] still could not bind()

首先查看Nginx配置文件的埠為80埠

netstat -ntlp|grep 80

如果能查到有tcp的數據並且最後是6****/nginx:worker

輸入kill關閉占用的進程直到查詢不到占用情況

最後輸入重啟Nginx就不會報錯了

./nginx

附簡單的nginx命令

./nginx 啟動
./nginx -s stop 關閉
./nginx -s reload 重啟 

詳細命令參考:https://blog.csdn.net/GyaoG/article/details/118054247

四、上傳打包好的前端web項目或者網址

先下載一個叫FileZilla免費開源的FTP客戶端軟體。

下載地址:http://soft.ykmjk.com/sinfo/104695380_4002451.html

下載好並安裝打開軟體

輸入阿裡雲的公網IP以及用戶名和密碼 埠進行連接,連接成功後會出現上面的左右兩邊的文件列表

左側為本地的站點文件(找到你需要上傳的網址或者dist打包項目

右側為雲服務ECS的的文件列表(找到/usc/local/nginx/html目錄創建你的文件夾並將打包好的文件內容上傳到裡面,例如文件名appyj)

然後就可以通過瀏覽器打開http://8.134.**.***/appyj 就可以訪問項目了(這裡的IP是雲伺服器的公網IP)

這裡只上傳了vue項目打包後的文件  上傳多個項目就多新建目錄並上傳就可以了。

不同的埠使用還在研究  有大佬也可以告知一下。。。(寫的有點隨意,只作為個人案例記錄,僅供參考)。


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • macOS系統中預設的C/C++編譯器是clang/clang++,命令行使用gcc/g++或者clang/clang++來執行命令時,都是調用clang/clang++編譯器,想使用gcc/g++編譯器的話,我們可以自己安裝。 查看一下gcc和clang 1. 安裝Homebrew,官網鏈接,複製 ...
  • 摘要:在實際使用過程中,資料庫集群級的故障並非高概率事件,如何安全高效地幫助客戶備份恢復一部分資料庫元素,才是更加實際的需求,這也是細粒度備份恢復的意義所在。 本文分享自華為雲社區《GaussDB(DWS)之物理細粒度備份恢復》,作者:我的橘子呢 。 1. 認識物理細粒度備份恢復 相對於集群級備份恢 ...
  • ACID :如果一個資料庫支持事務的操作,那麼該資料庫必須要具備以下四個特性 1、原子性(Atomicity) 事務包含的所有操作要麼全部成功,要麼全部失敗回滾,因此事務的操作如果成功就必須要完全應用到資料庫,如果操作失敗則不能對資料庫有任何影響 2、一致性(Consistency) 事務必須使數據 ...
  • 這段時間,我們對產品本身以及客戶反饋的一些問題進行了持續的更新和優化,包括對離線平臺數據同步功能的更新,數據資產平臺血緣問題的優化等,力求滿足不同行業用戶的更多需求,為用戶帶來極致的產品使用體驗。 以下為袋鼠雲產品功能更新報告第五期內容,更多探索,請繼續閱讀。 離線開發平臺 1.支持工作流參數 背景 ...
  • GreatSQL社區原創內容未經授權不得隨意使用,轉載請聯繫小編並註明來源。 GreatSQL是MySQL的國產分支版本,使用上與MySQL一致。 作者:Yejinrong/葉金榮 文章來源:GreatSQL社區原創 繼續吹MySQL 8.0~ 在以前,當需要對MySQL資料庫進行維護操作時,通常需 ...
  • (資料庫定時備份linux篇) 1 序言 相信大家都還記得這則新聞吧,歐洲雲計算巨頭 OVH 位於法國斯特拉斯堡的機房發生嚴重火災,大火徹底摧毀了五層高、占地 500 平方米的 SBG2 數據中心。 當地報紙稱 115 位消防員投入 6 個小時才將其撲滅。經過長達 6 個小時的持續燃燒,SBG2 內 ...
  • 摘要:本文以華為雲圖引擎 GES 為例,來介紹如何使用圖查詢語言 Cypher 表達一些需要做數據局部遍歷的場景。 本文分享自華為雲社區《使用 Cypher 子查詢進行圖探索 -- 以華為雲圖引擎 GES 為例》,作者:蜉蝣與海。 在圖資料庫/圖計算領域,很多查詢可以使用圖查詢語言Cypher、Gr ...
  • 這裡給大家分享我在網上總結出來的一些知識,希望對大家有所幫助 組件是前端框架的基本構建塊。把它們設計得更好會使我們的應用程式更容易改變和理解。在這節課中,分享一下在過去幾年中工作中學到的 9 個技巧。 1. 你可能不需要創建一個組件 在創建一個組件之前,看看它是為了可重用性和為某些UI添加一個狀態, ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...