使用vue打包進(jìn)行云服務(wù)器上傳的問題
vue中目錄最后的vue.config.js文件中第27行的pulicpath改成./
src目錄下的man.js中30到33行注釋掉
將目錄中的.env.development和.env.production中的
改成自己的域名和端口號
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下來就是打包環(huán)節(jié)了
打開vue的命令提示符 輸入命令:npm run build:prod 進(jìn)行打包
打包完成后會出現(xiàn)build目錄的同級下一個出來一個打包好的文件目錄 ,鼠標(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端口下輸入自己的文件名查詢想要的部署項(xiàng)目了
例如: xxx.xxx.xxx.xxx:tomcat端口號/a
總結(jié)
到此這篇關(guān)于使用vue打包進(jìn)行云服務(wù)器上傳的問題的文章就介紹到這了,更多相關(guān)vue打包上傳內(nèi)容請搜索好吧啦網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持好吧啦網(wǎng)!
相關(guān)文章:
1. 使用.net core 自帶DI框架實(shí)現(xiàn)延遲加載功能2. php網(wǎng)絡(luò)安全中命令執(zhí)行漏洞的產(chǎn)生及本質(zhì)探究3. Angular獲取ngIf渲染的Dom元素示例4. php面向?qū)ο蟪绦蛟O(shè)計(jì)介紹5. ASP調(diào)用WebService轉(zhuǎn)化成JSON數(shù)據(jù),附j(luò)son.min.asp6. 無線標(biāo)記語言(WML)基礎(chǔ)之WMLScript 基礎(chǔ)第1/2頁7. 三個不常見的 HTML5 實(shí)用新特性簡介8. php測試程序運(yùn)行速度和頁面執(zhí)行速度的代碼9. Warning: require(): open_basedir restriction in effect,目錄配置open_basedir報(bào)錯問題分析10. ASP.NET Core 5.0中的Host.CreateDefaultBuilder執(zhí)行過程解析
