使用vue打包進行云服務器上傳的問題
更新時間：2020年03月02日 16:51:01 作者：邱噠噠
這篇文章主要介紹了使用vue打包進行云服務器上傳，本文給大家介紹的非常詳細，對大家的工作或學習具有一定的參考借鑒價值,需要的朋友可以參考下
vue中目錄最后的vue.config.js文件中第27行的pulicpath改成./
src目錄下的man.js中30到33行注釋掉
將目錄中的.env.development和.env.production中的
改成自己的域名和端口號
?。。?！!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下來就是打包環(huán)節(jié)了
打開vue的命令提示符 輸入命令：npm run build:prod 進行打包
打包完成后會出現(xiàn)build目錄的同級下一個出來一個打包好的文件目錄 ，鼠標右鍵 后點擊
找到文件所在地，將文件壓縮為zip包
然后使用XShell插件工具 操作我們的云服務器，
第一步：下載unzip插件。使用命令：
第二步：進入我們的tomcat/webapps目錄下 sudo rz 我們的zip文件 例如： sudo rz a.zip
第三步：使用sudo unzip 我們上傳的zip文件 例如： sudo unzip a.zip
第四步：恭喜部署成功你可以在自己的tomcat端口下輸入自己的文件名查詢想要的部署項目了
例如： xxx.xxx.xxx.xxx:tomcat端口號/a
總結
到此這篇關于使用vue打包進行云服務器上傳的問題的文章就介紹到這了,更多相關vue打包上傳內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
您可能感興趣的文章:
相關文章
本文主要介紹了Vue虛擬Dom到真實Dom的轉換，文中通過示例代碼介紹的非常詳細，需要的朋友們下面隨著小編來一起學習學習吧2021-07-07
今天小編就為大家分享一篇vue項目出現(xiàn)頁面空白的解決方案，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-10-10
這篇文章主要給大家介紹了關于vue中正確使用jsx的相關資料,JSX就是Javascript和XML結合的一種格式,React發(fā)明了JSX,利用HTML語法來創(chuàng)建虛擬DOM,當遇到<,JSX就當HTML解析,遇到{就當JavaScript解析,需要的朋友可以參考下2021-07-07
Vue + Node.js + MongoDB圖片上傳組件實現(xiàn)圖片預覽和刪除功能詳解
這篇文章主要介紹了Vue + Node.js + MongoDB圖片上傳組件實現(xiàn)圖片預覽和刪除功能,結合實例形式詳細分析了Vue + Node.js + MongoDB基于圖片上傳組件實現(xiàn)圖片預覽和刪除功能相關操作技巧,需要的朋友可以參考下2020-04-04
五分鐘教你使用vue-cli3創(chuàng)建項目(新手入門)
本文主要介紹了五分鐘教你使用vue-cli3創(chuàng)建項目，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要為大家介紹了Vue的監(jiān)聽屬性，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2021-11-11
vue實現(xiàn)通過手機號發(fā)送短信驗證碼登錄的示例代碼
本文主要介紹了vue實現(xiàn)通過手機號發(fā)送短信驗證碼登錄的示例代碼，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-05-05
這篇文章主要介紹了vue中如何給data里面的變量增加屬性，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-03-03
這篇文章主要為大家介紹了Vant中Popover氣泡彈出框位置錯亂問題解決，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-06-06
這篇文章主要介紹了在Vue中獲取自定義屬性方法:data-id的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09