uniapp開發(fā)打包成H5部署到服務(wù)器的詳細步驟
前端使用uniapp開發(fā)項目完成后，需要將頁面打包，生成H5的靜態(tài)文件，部署在服務(wù)器上。
這樣通過服務(wù)器鏈接地址，直接可以在手機上點開來訪問。
打包全步驟如下：
一、點擊菜單欄“發(fā)行”，點擊選擇“網(wǎng)站-PC Web或手機H5”，
二、填寫網(wǎng)站標題和網(wǎng)站域名/服務(wù)器的IP地址。
（這個地址是將項目打包之后存放靜態(tài)文件的地址)
三、點擊進入manifest.json的h5配置里，根據(jù)自己的情況配置一些信息。
一定要注意配置 “運行的基礎(chǔ)路徑”，如果出現(xiàn)空白頁面或者靜態(tài)文件404的情況，可能是因為這個路徑?jīng)]有配置好。
四、點擊發(fā)行，控制臺會自動編譯。出現(xiàn)以下提示，說明編譯成功：
五、點擊上圖中的紅框部分，就能看到已經(jīng)打包好的靜態(tài)頁面了。（直接把這個h5文件壓縮一下，發(fā)給后端就可以了）
如需要自己上傳到服務(wù)器上，可繼續(xù)以下步驟。
六、先拿到服務(wù)器的地址信息，找一個工具，連接上該項目的服務(wù)器，進入到服務(wù)器的根目錄底下。
我這里用的是ftp工具。在根目錄底下新建一個aofan文件夾，然后將上圖中的static文件夾和index.html復(fù)制進去即可。
OK，這個時候就已經(jīng)部署成功了。
七、打開瀏覽器，輸入服務(wù)器ip地址，訪問一下index.html的內(nèi)容即可。
注意點：這三個地方的路徑名稱一定要一致。
1：打包時候的配置的運行的基礎(chǔ)路徑
2：服務(wù)器根目錄底下存放靜態(tài)文件static和index.html
3：瀏覽器里面訪問的路徑
到此這篇關(guān)于uniapp如何打包成H5部署到服務(wù)器的文章就介紹到這了,更多相關(guān)uniapp打包成h5內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了vue中路由重定向redirect問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-05-05
二維碼是一種廣泛應(yīng)用于各種場合的編碼方式，它可以將信息編碼成一張二維圖案，方便快捷地傳遞信息，在Vue.js中，我們可以使用一些庫和組件來實現(xiàn)二維碼的生成和掃描，本文將介紹如何在Vue中實現(xiàn)二維碼的生成和掃描的方法2023-06-06
詳解vue-cli 3.0 build包太大導致首屏過長的解決方案
這篇文章主要介紹了詳解vue-cli 3.0 build包太大導致首屏過長的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要介紹了vue日期選擇框之時間范圍的使用，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-05-05
vue+elementUi 實現(xiàn)密碼顯示/隱藏+小圖標變化功能
這篇文章主要介紹了vue+elementUi 實現(xiàn)密碼顯示/隱藏+小圖標變化功能,需本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2020-01-01
這篇文章主要介紹了element-ui 本地化使用教程詳解，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
這篇文章主要介紹了項目nginx部署到非根目錄下vue配置方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-12-12
vue-router鉤子函數(shù)實現(xiàn)路由守衛(wèi)
這篇文章主要介紹了vue-router鉤子函數(shù)實現(xiàn)路由守衛(wèi)，對vue感興趣的同學，可以參考下2021-04-04
vue2移動端使用vue-qrcode-reader實現(xiàn)掃一掃功能的步驟
最近在使用vue開發(fā)的h5移動端想要實現(xiàn)一個調(diào)用攝像頭掃描二維碼的功能,所以下面這篇文章主要給大家介紹了關(guān)于vue2移動端使用vue-qrcode-reader實現(xiàn)掃一掃功能的相關(guān)資料,需要的朋友可以參考下2023-06-06
今天小編就為大家分享一篇vue 利用路由守衛(wèi)判斷是否登錄的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09