精品九九_国产在线a视频_久久呻吟_一区二区免费_国偷自拍_热久久这里只有精品

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案

在互聯(lián)網(wǎng)盛行的今天,自己搭建一個網(wǎng)站既具挑戰(zhàn)性又讓人感到自豪。以我們這個為例,我們通過學(xué)習(xí)vue相關(guān)技能,成功制作并部署到了云端服務(wù)器。然而,這其中包含了眾多環(huán)節(jié),如同層層關(guān)卡,既有免費試用的限制,又有網(wǎng)絡(luò)環(huán)境的難題,頗具挑戰(zhàn)性。

云服務(wù)器選擇

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖1

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖2

部署網(wǎng)站的關(guān)鍵環(huán)節(jié)在于挑選云服務(wù)器。華為云服務(wù)器就提供了為期一個月的免費體驗機(jī)會,這對于資金有限或想先體驗的用戶來說,是個挺合適的選擇。另外,阿貝云也提供了免費的云服務(wù)器和虛擬主機(jī)服務(wù)。不同的云服務(wù)器在服務(wù)和操作便捷性上可能存在差異,因此大家需根據(jù)自己的實際需求來挑選。比如,使用華為云服務(wù)器后,我們可以在控制臺查看到相關(guān)實例信息,這有助于我們后續(xù)的操作。

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖3

選擇云服務(wù)器時,價格、穩(wěn)定性、操作便捷性等都是不可忽視的要點。對于新手或小規(guī)模項目,免費云服務(wù)器提供了嘗試的可能。然而,這其中也存在隱患,例如一些免費試用版有時間限制,一旦超期,可能會影響到網(wǎng)站的正常訪問。

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖4

連接服務(wù)器的終端工具

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖5

要接入服務(wù)器,得借助適當(dāng)?shù)慕K端軟件。不同操作系統(tǒng)可能需求額外輔助。比如對Linux系統(tǒng)不太熟悉的人,可以選擇安裝寶塔。寶塔功能全面,能便捷獲取訪問地址、賬號和密碼。登錄寶塔控制面板后,設(shè)備即可進(jìn)行可視化操作。但需留意防火墻配置。若訪問出現(xiàn)異常,可能是防火墻阻擋了連接。這時,可能需在控制臺添加入方向規(guī)則來解決問題。

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖6

前端頁面的部署

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖7

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖8

要實施前端頁面的部署,前提是必須擁有一個已開發(fā)完成的項目或成品網(wǎng)頁。完成打包后,會在dist文件夾內(nèi)生成相關(guān)文件。接著,必須將這三個關(guān)鍵文件上傳至服務(wù)器上的指定目錄。然而,僅此還不夠,確保他人能夠訪問還需配置web服務(wù),比如nginx。使用寶塔,我們可以在服務(wù)器上輕松安裝nginx。安裝完畢后,調(diào)整默認(rèn)文件夾以利于文件上傳,并進(jìn)行nginx的設(shè)置和配置修改等操作。

程序運行需要

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖9

程序的執(zhí)行有多種途徑。若采用源碼執(zhí)行,就得搭建node環(huán)境。這無疑增添了一項挑戰(zhàn)。然而,有如寶塔這般的便捷工具,能迅速安裝node環(huán)境,而且它還自帶了pm2工具。pm2工具使得程序能在后臺持續(xù)運行。盡管有些默認(rèn)文件可能無需過多關(guān)注,它們大多涉及靜態(tài)資源,但每一步都至關(guān)重要。

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖10

數(shù)據(jù)的配置

在設(shè)置數(shù)據(jù)時,一般賬戶的權(quán)限較為有限。若需啟用MySQL的遠(yuǎn)程訪問功能,則需開啟root賬戶的遠(yuǎn)程訪問權(quán)限。這樣便于對MySQL進(jìn)行操作。操作時,可直接通過寶塔導(dǎo)入SQL文件。此外,還需確保前端axios等配置的地址準(zhǔn)確無誤,以確保網(wǎng)站能夠正常運行。

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖11

細(xì)節(jié)里的問題處理

server
    {
        listen 80;
        server_name localhost;
        index index.html index.htm index.php;
        root  /www/server/nginx/html/dist;
        #error_page   404   /404.html;
        include enable-php.conf;
        location ~ .*.(gif|jpg|jpeg|png|bmp|swf)$
        {
            expires      30d;
        }
        location ~ .*.(js|css)?$
        {
            expires      12h;
        }
        location ~ /.
        {
            deny all;
        }
        access_log  /www/wwwlogs/access.log;
    }
include /www/server/panel/vhost/nginx/*.conf;
}

這里的操作很多都需要留意細(xì)節(jié)。比如,在寶塔面板上要開啟設(shè)備的防火墻,同時還要在華為云的安全組里設(shè)置80端口。如果哪個細(xì)節(jié)出了錯,網(wǎng)站可能就無法正常訪問。另外,網(wǎng)絡(luò)環(huán)境也很關(guān)鍵,比如用花生殼軟件做內(nèi)網(wǎng)穿透,雖然能實現(xiàn)端口映射,但成本和租用服務(wù)器的費用差不多,而且網(wǎng)速不理想;通過路由器申請公網(wǎng)IP進(jìn)行映射,也可能因為家庭寬帶的問題而遇到麻煩,比如移動的千兆寬帶就可能出現(xiàn)問題。

各位讀者,在搭建網(wǎng)站時,你們是否曾遭遇過難以解決的網(wǎng)路或服務(wù)設(shè)置難題?期待大家能點個贊、轉(zhuǎn)發(fā)此文,并在評論區(qū)交流心得。

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖12

Vue與Element-Admin網(wǎng)站部署實戰(zhàn):云服務(wù)器與內(nèi)網(wǎng)穿透的低成本解決方案插圖13

THE END
主站蜘蛛池模板: 亚欧精品 | 日韩在线视频精品 | 91视视频在线观看入口直接观看 | 国产欧美在线一区二区 | 久久99精品久久久97夜夜嗨 | av一区二区三区四区 | 欧美一区二区激情三区 | 精品久久香蕉国产线看观看亚洲 | 91原创视频| 国产成人免费视频 | 成人激情视频免费在线观看 | 亚洲精品成人av久久 | 久草视频在线播放 | 黄色一级在线播放 | 国产乱码一区 | 国产免费又色又爽又黄在线观看 | 国产精品久久网 | 97福利在线 | 九九久久久| 国产精品国产三级国产aⅴ中文 | 狠狠色综合网站久久久久久久 | 久久久久久久一区二区 | www天天操 | 成人黄视频在线观看 | 国产三级一区二区三区 | 国产精品亚洲精品久久 | 天堂久久一区 | 成人免费看片又大又黄 | 成人精品一区 | 欧美一区二区三区久久精品 | 成人av网站在线观看 | 又黑又粗又长的欧美一区 | 欧美性久久久 | 国产精品不卡一区 | 成人久久18免费网站图片 | 国产精品极品美女在线观看免费 | 91在线观看视频 | 性高朝久久久久久久3小时 av一区二区三区四区 | 色就干 | 欧美人成在线视频 | 亚洲精品一区av在线播放 |