前言:我是一名大三在校生,選修的專業(yè)是軟件工程,然后主要學前端方向,作為一個前端程員,自己也想有自己的網站,然后被大家瀏覽,我覺得這是對自己能力的肯定,也是自我提升的一種方法,所以我學習了nodejs,利用nodejs作為項目的后端,然后結合前端最流行的框架之一的vue實現(xiàn)項目,那么我們的項目如何部署到云服務器被大家訪問瀏覽,這里我會向大家詳解講解過程。
一、首先我們要有屬于自己的云服務器ECS,所以我們必須購買服務器ECS,我一開始選的是阿里云。里面有免費試用的,因為條件我一開始選的就是免費的,哈哈哈。當是免費的有很大的局限性,比如服務器的域名不能備案,因為免費的是按流量計算的,要備案需要包年包月,所以不能備案域名就用不了,買了域名也不給用,除非自己購買一個服務器。還有就是訪問速度慢等等。
二、購買服務器話,自己根據(jù)需要去買或免費使用一個,購買步驟可以自己找一下教程,我只講
項目部署。
三、我們購買云服務器ECS后,進入云服務器ECS控制臺,如下圖
阿里云-計算,為了無法計算的價值 (aliyun.com)
?
?2.選擇自己的云服務點進去
??????
3.先重置實例密碼
?
記住自己的密碼和登錄名:root(固定的)
?4.選擇安全組
5.選擇配置規(guī)則
?
?6.添加訪問規(guī)則
?7.這時候要注冊登錄寶塔,地址:寶塔面板 - 簡單好用的Linux/Windows服務器運維管理面板 (bt.cn)
?7.1登錄進去后,第一次進去他會提示你安裝寶塔,如下圖
?
7.2點擊查看教程
?7.3進去教程后,滑到如下圖,
我是按這種方法部署到。所以我只講這一個方法。?
7.4我們先去官網下載寶塔終端,然后進去填寫服務啟動IP地址(公IP),SSH賬號:root,密碼是重置實例時設置的密碼,隨便備注,保存并繼續(xù)。
?成功后出現(xiàn):
?7.5復制下面的代碼,在寶塔終端中按下鼠標右鍵進行粘貼,粘貼后按鍵盤的回車鍵,根據(jù)提示,輸入y字母后,再次按鍵盤上的回車鍵進行寶塔面板的安裝,如圖
curl -sSO http://download.bt.cn/install/install_panel.sh && bash install_panel.sh
?
7.5我們最好必須將上面紅色框中的內容復制保存起來,因為你會頻繁用到。
?首先將外網面板地址復制到瀏覽器訪問,然后用username:你剛復制里面的username,password:你剛復制里面的password,進去后必須該用戶名和密碼,他給的太難記了。
?7.6安裝軟件
?7.7
?點擊phpMyAdmin后(注意首先安裝了PM2)
?
?
?7.8添加數(shù)據(jù)庫
?7.9導入數(shù)據(jù)庫xxx.sql文件
?這個xxx.sql文件自己從自己的sql工具導出,不會去找教程哈。注意選擇安裝mysql要和自己的mysql版本一致,不然導不進去。
8.接下來要部署node后端:
?在nodejs中的db文件中
app.js中
?然后將node項目文件打包,不要加node_modules文件,進去寶塔再加。
?
?
?
?
????????上傳完畢后,安裝node_modules依賴。
?
?
?
?
?提交后,就可以訪問我們node后端了,可以在postman中測試連接。
9.部署vue前端項目
首先找到我們的vue項目,打開vue.conf.js
然后在axios中修改
?然后執(zhí)行npm run build,打包后的dist文件上傳到寶塔中,和node上傳方法差不多,這個dist直接拖過來就行。
?然后在網站欄添加站點
?
?然后就部署成功了。文章來源:http://www.zghlxwxcb.cn/news/detail-779727.html
第一次部署項目到云服務的時候,我是各種找資料,最終部署成功,對小白來說確實慢慢摸索,當看到自己的項目在云服務上運行時,一切都值得。最后希望對大家有幫助!文章來源地址http://www.zghlxwxcb.cn/news/detail-779727.html
到了這里,關于前端vue和node后端項目部署到云服務器(詳解)的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網!