1. 程式人生 > 程式設計 >使用vue打包進行雲伺服器上傳的問題

使用vue打包進行雲伺服器上傳的問題

vue中目錄最後的vue.config.js檔案中第27行的pulicpath改成./

使用vue打包進行雲伺服器上傳的問題

src目錄下的man.js中30到33行註釋掉

使用vue打包進行雲伺服器上傳的問題

將目錄中的.env.development和.env.production中的

使用vue打包進行雲伺服器上傳的問題

改成自己的域名和埠號

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!接下來就是打包環節了

開啟vue的命令提示符 輸入命令:npm run build:prod 進行打包

打包完成後會出現build目錄的同級下一個出來一個打包好的檔案目錄 ,滑鼠右鍵 後點擊

使用vue打包進行雲伺服器上傳的問題

找到檔案所在地,將檔案壓縮為zip包

然後使用XShell外掛工具 操作我們的雲伺服器,

第一步:下載unzip外掛。使用命令:

使用vue打包進行雲伺服器上傳的問題

第二步:進入我們的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打包上傳內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們!