這篇文章將為大家詳細(xì)講解有關(guān)怎么使用vue打包進(jìn)行云服務(wù)器上傳,小編覺(jué)得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
10年積累的成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶(hù)對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶(hù)得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有大興安嶺免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。Vue是一套用于構(gòu)建用戶(hù)界面的漸進(jìn)式JavaScript框架,Vue與其它大型框架的區(qū)別是,使用Vue可以自底向上逐層應(yīng)用,其核心庫(kù)只關(guān)注視圖層,方便與第三方庫(kù)和項(xiàng)目整合,且使用Vue可以采用單文件組件和Vue生態(tài)系統(tǒng)支持的庫(kù)開(kāi)發(fā)復(fù)雜的單頁(yè)應(yīng)用。
vue中目錄最后的vue.config.js文件中第27行的pulicpath改成./
src目錄下的man.js中30到33行注釋掉
將目錄中的.env.development和.env.production中的
改成自己的域名和端口號(hào)
?。。?!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下來(lái)就是打包環(huán)節(jié)了
打開(kāi)vue的命令提示符 輸入命令:npm run build:prod 進(jìn)行打包
打包完成后會(huì)出現(xiàn)build目錄的同級(jí)下一個(gè)出來(lái)一個(gè)打包好的文件目錄 ,鼠標(biāo)右鍵 后點(diǎn)擊
找到文件所在地,將文件壓縮為zip包
然后使用XShell插件工具 操作我們的云服務(wù)器,
第一步:下載unzip插件。使用命令:
第二步:進(jìn)入我們的tomcat/webapps目錄下 sudo rz 我們的zip文件 例如: sudo rz a.zip
第三步:使用sudo unzip 我們上傳的zip文件 例如: sudo unzip a.zip
第四步:恭喜部署成功你可以在自己的tomcat端口下輸入自己的文件名查詢(xún)想要的部署項(xiàng)目了
例如: xxx.xxx.xxx.xxx:tomcat端口號(hào)/a
關(guān)于“怎么使用vue打包進(jìn)行云服務(wù)器上傳”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺(jué)得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性?xún)r(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專(zhuān)為企業(yè)上云打造定制,能夠滿足用戶(hù)豐富、多元化的應(yīng)用場(chǎng)景需求。