使用vue打包進行云服務(wù)器上傳的問題
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目錄的同級下一個出來一個打包好的文件目錄 ，鼠標(biāo)右鍵 后點擊
找到文件所在地，將文件壓縮為zip包
然后使用XShell插件工具 操作我們的云服務(wù)器，
第一步：下載unzip插件。使用命令：
第二步：進入我們的tomcat/webapps目錄下 sudo rz 我們的zip文件 例如： sudo rz a.zip
第三步：使用sudo unzip 我們上傳的zip文件 例如： sudo unzip a.zip
第四步：恭喜部署成功你可以在自己的tomcat端口下輸入自己的文件名查詢想要的部署項目了
例如： xxx.xxx.xxx.xxx:tomcat端口號/a
總結(jié)
到此這篇關(guān)于使用vue打包進行云服務(wù)器上傳的問題的文章就介紹到這了,更多相關(guān)vue打包上傳內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
大家在做前端項目的時候,大部分頁面, 游客都可以直接訪問 , 如遇到 需要登錄才能進行的操作,頁面將提示并跳轉(zhuǎn)到登錄界面,那么如何才能實現(xiàn)頁面攔截并跳轉(zhuǎn)到對應(yīng)的登錄界面呢,本文小編就來給大家介紹一下Vue實現(xiàn)頁面訪問攔截的方法,需要的朋友可以參考下2023-08-08
這篇文章主要介紹了vue項目因內(nèi)存溢出啟動報錯的解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-09-09
這篇文章主要介紹了vue中如何下載文件導(dǎo)出保存到本地，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要介紹了vue項目基于WebRTC實現(xiàn)一對一音視頻通話效果,實現(xiàn)代碼分為前端和后端兩部分代碼,需要的朋友可以參考下2024-05-05
下面小編就為大家分享一篇Vue之Vue.set動態(tài)新增對象屬性方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
vue elementui form表單驗證的實現(xiàn)
這篇文章主要介紹了vue elementui form表單驗證的實現(xiàn),小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了vue中使用ts配置的具體步驟，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-08-08
這篇文章主要為大家詳細介紹了vue3封裝計時器組件的方法，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
基于element-ui對話框el-dialog初始化的校驗問題解決
這篇文章主要介紹了基于element-ui對話框el-dialog初始化的校驗問題解決，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-09-09
vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子
今天小編就為大家分享一篇vue路由守衛(wèi),限制前端頁面訪問權(quán)限的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-11-11