国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

阿里云ECS部署

這篇具有很好參考價值的文章主要介紹了阿里云ECS部署。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

部署分類

后端部署

前端只需要將我們的項目打包好,交給后端開發(fā)人員即可。后端開發(fā)人員會把我們打包好的項目放到后端的靜態(tài)資源目錄里面。

前后端分離部署

后端部署部署到后端的服務(wù)器。
前端將打包好的資源,部署到前端的服務(wù)器。
用戶在做請求的時候,從前端服務(wù)器請求靜態(tài)資源,然后從后端服務(wù)器獲取數(shù)據(jù)。

  • 目前前端部署靜態(tài)資源時,大多采用 Node.js 或者 Nginx 來做靜態(tài)資源部署

node.js

# 1.安裝git工具
yum install git -y

# 2.使用Git將NVM的源碼克隆到本地的~/.nvm目錄下,并檢查最新版本。
git clone https://gitee.com/mirrors/nvm.git ~/.nvm && cd ~/.nvm && git checkout `git describe --abbrev=0 --tags`

# 3.配置NVM的環(huán)境變量
echo ". ~/.nvm/nvm.sh" >> /etc/profile
source /etc/profile

# 4.修改npm鏡像源為阿里云鏡像,以加快Node.js下載速度
export NVM_NODEJS_ORG_MIRROR=https://npmmirror.com/mirrors/node

# 5.查看所有node版本
nvm list-remote

# 6.下載指定版本node
nvm install v16.19.1

# 7.查看已安裝的node
nvm ls

# 8.切換node版本
nvm use v18.0.0

MongoDB

1.安裝MongoDB

# 使用的是yum命令安裝,需要先添加yum源:
vi /etc/yum.repos.d/mongodb-org-5.0.repo

# 然后將如下內(nèi)容添加進去:
[mongodb-org-5.0]
name=MongoDB Repository
baseurl=https://repo.mongodb.org/yum/redhat/$releasever/mongodb-org/5.0/x86_64/
gpgcheck=1
enabled=1
gpgkey=https://www.mongodb.org/static/pgp/server-5.0.asc

# 在vi中按鍵盤的i鍵是插入內(nèi)容,插入完畢后按ESC退出,然后輸入:wq 保存

2.啟動MongoDB

# 啟動
systemctl start mongod  
# 查看狀態(tài)
systemctl status mongod 
# 重新啟動
systemctl restart mongod 

3.配置安全組

阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

4.測試數(shù)據(jù)庫

# 執(zhí)行mongo命令
mongo

mongod.conf配置文件

vi /etc/mongod.conf

上傳服務(wù)器代碼

安裝位置 /usr/local
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

# 解壓
unzip my-site-server.zip

# 安裝依賴包
npm i

# 啟動
npm run start

恢復(fù)數(shù)據(jù)庫數(shù)據(jù)

導(dǎo)出數(shù)據(jù)庫
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

導(dǎo)入數(shù)據(jù)庫

mongorestore -h dbhost -d dbname --dir dbdirectory

-h:MongoDB 所在服務(wù)器地址
-d:需要恢復(fù)的數(shù)據(jù)庫名稱
–dir:備份數(shù)據(jù)所在路徑

nginx

1.安裝nginx

# 查看dnf版本
dnf --version

# 查找是否是否安裝
dnf search nginx

# 安裝nginx
dnf install nginx

# 啟動nginx
systemctl start nginx

# 重啟nginx
systemctl restart nginx

# 查看nginx運行狀態(tài)
systemctl status nginx

# 相當于開機自啟(重啟服務(wù)器,nginx自動啟動)
systemctl enable nginx

2.上傳前端代碼

1.刪除nginx的默認網(wǎng)站
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
2.將打包好的前臺代碼放入 nginx 的 html 目錄下
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
3.將打包好的后臺代碼放入到 nginx/html/admin 目錄下
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
4.nginx配置文件

# 切換到nginx配置文件
cd /etc/nginx/

# 編輯nginx.conf文件,a編輯狀態(tài)
vim nginx.conf

添加以下配置

location / {
    root   html;
    index  index.html index.htm;
    try_files $uri $uri/ /index.html; # 是history模式生效
  }

location /api {
  proxy_pass http://127.0.0.1:7001;
}

location /res {
  proxy_pass http://127.0.0.1:7001;
}

location /static {
  proxy_pass http://127.0.0.1:7001;
}

項目打包后生成dist文件夾,傳輸?shù)椒?wù)器的 /root文件夾
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架

3.配置nginx

  1. 切換到nginx配置文件
# 該文件夾下的nginx.conf文件
cd /etc/nginx/
  1. 編輯nginx.conf文件,a編輯狀態(tài)
vim nginx.conf

阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
阿里云ECS部署,部署,阿里云,vue.js,前端,javascript,前端框架
3. 重啟nginx服務(wù)器

systemctl restart nginx

linux

常用命令

ls:查看當前目錄下的文件有哪些

exit:退出系統(tǒng)

clear:清屏

touch:創(chuàng)建文件,例如 touch 文件名

mkdir:創(chuàng)建目錄,例如 mkdir 目錄名稱

mv:移動目錄或者文件,例如 mv 要移動的文件或者目錄 要移動到哪兒

rm -rf 要刪除的目錄或者文件名:刪除目錄或者文件

進程守護

# 來把進程掛起,這樣即使我們退出了遠程連接,也能夠繼續(xù)保持進程。
nohup commandName &
nohup npm start &

掛起進程之后,使用 exit 命令來退出遠程連接文章來源地址http://www.zghlxwxcb.cn/news/detail-524377.html

dnf軟件包管理器

# 查找
dnf search mysql
# 安裝
dnf install mysql
# 軟件信息
dnf info mysql

到了這里,關(guān)于阿里云ECS部署的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務(wù),不擁有所有權(quán),不承擔相關(guān)法律責任。如若轉(zhuǎn)載,請注明出處: 如若內(nèi)容造成侵權(quán)/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領(lǐng)支付寶紅包贊助服務(wù)器費用

相關(guān)文章

  • 前端項目部署自動檢測更新后通知用戶刷新頁面(前端實現(xiàn),技術(shù)框架vue、js、webpack)——方案二:輪詢?nèi)ヅ袛喾?wù)端的index.html是否跟當前的index.html的腳本hash值一樣

    前端項目部署自動檢測更新后通知用戶刷新頁面(前端實現(xiàn),技術(shù)框架vue、js、webpack)——方案二:輪詢?nèi)ヅ袛喾?wù)端的index.html是否跟當前的index.html的腳本hash值一樣

    當我們重新部署前端項目的時候,如果用戶一直停留在頁面上并未刷新使用,會存在功能使用差異性的問題,因此,當前端部署項目后,需要提醒用戶有去重新加載頁面。 vue、js、webpack 根據(jù)打完包之后生成的 script src 的hash值去判斷 ,每次打包都會生成唯一的hash值,只要輪

    2024年01月23日
    瀏覽(52)
  • 從javascript到vue再到react:前端開發(fā)框架的演變

    從javascript到vue再到react:前端開發(fā)框架的演變

    目錄 JavaScript: 動態(tài)語言的基礎(chǔ) JavaScript:Web開發(fā)的起點 Vue.js: 漸進式框架的興起 Vue.js:簡潔、高效的前端框架 React.js: 聲明式UI的革新 React.js:強大、靈活的前端框架 演變之路與未來展望 演變過程 當提到前端開發(fā)中的框架時,JavaScript、Vue.js和React.js是三個最常見的名詞。它

    2024年02月07日
    瀏覽(34)
  • 前端開發(fā) 5: Vue.js 框架

    在前端開發(fā)中,Vue.js 是一個流行且靈活的 JavaScript 框架,用于構(gòu)建用戶界面。它采用了組件化的開發(fā)方式,使得前端開發(fā)更加模塊化和可維護。在本篇博客中,我將為你介紹 Vue.js 的基礎(chǔ)知識和常用技巧,幫助你更好地掌握前端開發(fā)中的框架部分。 Vue.js 是一個輕量級的 Jav

    2024年01月19日
    瀏覽(27)
  • vue.js前端框架應(yīng)用案例

    Vue.js 是一種流行的前端框架,它可以幫助開發(fā)者構(gòu)建單頁應(yīng)用(SPA)和復(fù)雜的用戶界面。以下是幾個 Vue.js 的案例,涵蓋了不同領(lǐng)域的應(yīng)用: Vue.js 官方文檔 :Vue.js 的官方文檔本身就是一個使用 Vue.js 構(gòu)建的項目。它展示了 Vue.js 的各種功能和最佳實踐,包括組件、指令、混

    2024年02月21日
    瀏覽(27)
  • 【js&vue】聯(lián)合gtp仿寫一個簡單的vue框架,以此深度學習JavaScript

    【js&vue】聯(lián)合gtp仿寫一個簡單的vue框架,以此深度學習JavaScript

    lifecycle.js 注解: this.$options.beforeMount.call(this);與 this.$options.beforeMount();有什么區(qū)別: call(this) ?的作用是將當前對象( this )作為參數(shù)傳遞給? beforeMount ?方法,使得在? beforeMount ?方法內(nèi)部可以通過? this ?訪問到當前對象的上下文 直接調(diào)用了? beforeMount ?方法,沒有指定上下

    2024年02月09日
    瀏覽(37)
  • 阿里云ECS部署Mysql數(shù)據(jù)庫

    阿里云ECS部署Mysql數(shù)據(jù)庫

    首先需要到阿里云官方購買阿里云產(chǎn)品 ,如果有機會可以免費試用那會更好,跳過購買云服務(wù)步驟下面直接演示。 1.百度搜索 阿里云官方 2.點擊控制臺? ? ?3.展開更多 ? 4. 選擇云服務(wù)器ECS ? 5. 點擊實例 可以看到服務(wù)器狀態(tài),包括公網(wǎng)/私網(wǎng)IP 以及其他信息。 ? ?6.點擊實例

    2024年02月14日
    瀏覽(25)
  • 前端開發(fā):Vue框架與前端部署

    前端開發(fā):Vue框架與前端部署

    ??Vue是一套前端框架,免除原生)avaScript中的DOM操作,簡化書寫。是基于MVVM(Model–View-ViewModel)思想,實現(xiàn)數(shù)據(jù)的雙向綁定,將編程的關(guān)注點放在數(shù)據(jù)上。簡單來說,就是數(shù)據(jù)變化的時候, 頁面會自動刷新, 頁面變化的時候,數(shù)據(jù)也會自動變化。 學習參考 ??指令:HTML標簽上

    2024年02月20日
    瀏覽(26)
  • JavaScript框架 Angular、React、Vue.js 的全棧解決方案比較

    JavaScript框架 Angular、React、Vue.js 的全棧解決方案比較

    在 Web 開發(fā)領(lǐng)域,JavaScript 提供大量技術(shù)??晒┻x擇。其中最典型的三套組合,分別是 MERN、MEAN 和 MEVN。前端框架(React、Angular 和 Vue)進行簡化比較。 MERN 技術(shù)棧包含四大具體組件: MongoDB:一款強大的 NoSQL 數(shù)據(jù)庫,以靈活的 JSON 格式存儲數(shù)據(jù)。 Express.js:一套極簡但強大的

    2024年02月03日
    瀏覽(32)
  • 常見的web前端開發(fā)框架:Vue.js

    ????????常見的Web前端開發(fā)框架包括Bootstrap、Vue.js、React.js、Angular.js等。每個框架都有其獨特的特點和優(yōu)勢,開發(fā)者可以根據(jù)項目的需求和個人的喜好來選擇合適的框架。同時,隨著技術(shù)的不斷發(fā)展,新的框架和工具也會不斷涌現(xiàn),為Web前端開發(fā)帶來更多的選擇和可能性。

    2024年02月20日
    瀏覽(27)
  • 蒼穹外賣后端部署/阿里云ECS/Docker

    蒼穹外賣后端部署/阿里云ECS/Docker

    1.阿里云ECS:我用的是下圖這個,也可以白嫖試用(3個月,和我購買的性能一致)的,但是試用的不滿足備案條件,如果之后想使用域名訪問的話,建議還是花點錢 2.遠程工具:自己配置好,連接到服務(wù)器。也可以使用ecs自帶的,都行 3.以上兩步做好后,安裝Docker,有很多帖

    2024年02月03日
    瀏覽(90)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領(lǐng)取紅包,優(yōu)惠每天領(lǐng)

二維碼1

領(lǐng)取紅包

二維碼2

領(lǐng)紅包