當(dāng)前端uniapp寫的項(xiàng)目開發(fā)完成的時(shí)候，需要將頁面打包出來，生成H5的靜態(tài)文件，部署在服務(wù)器上，通過服務(wù)器鏈接地址，就可以直接在手機(jī)上點(diǎn)開訪問 了。
在網(wǎng)上看了一圈，好像沒有找到十分詳細(xì)的教程，這里稍微詳細(xì)的記錄了一下，uniapp打包成H5部署到服務(wù)器教程。
步驟如下：
1：點(diǎn)擊菜單欄發(fā)行，點(diǎn)擊選擇網(wǎng)站-H5手機(jī)版，
2：在網(wǎng)站域名這一欄填寫，網(wǎng)站域名，例如www.xxx.com或者你的服務(wù)器的IP地址47.103.XX.XX，（這個(gè)地址是你將項(xiàng)目打包之后存放放靜態(tài)文件的地址）。
我這里為了考慮到安全因素，將自己的服務(wù)器地址馬賽克了。
3：點(diǎn)擊高級(jí)按鈕，進(jìn)入到manifest.json的h5配置里面，根據(jù)自己的情況配置一些信息，我這里是默認(rèn)的。
一定要注意配置運(yùn)行時(shí)候的基礎(chǔ)路徑（下圖紅色框標(biāo)記的地方），如果出現(xiàn)空白頁面或者靜態(tài)文件404的情況，可能是因?yàn)檫@個(gè)路徑?jīng)]有配置好。
（多嘴一句，這個(gè)運(yùn)行的基礎(chǔ)路徑，是和編譯之后的靜態(tài)文件的文件夾是一致的，默認(rèn)是h5，我這里改名字了，我這里將靜態(tài)文件h5的文件夾改成了work項(xiàng)目需要）。
4：點(diǎn)擊發(fā)行，控制臺(tái)會(huì)自動(dòng)編譯
注意這個(gè)不同于vue，編譯完成的文件不支持本地file協(xié)議打開。不要使用資源管理器直接打開。直接打開靜態(tài)文件是看不到東西的。出現(xiàn)以下提示，說明編譯成功
5：編譯通過，生成靜態(tài)的h5文件，我們需要將這個(gè)h5的文件，部署到我們前面填寫的域名（或者服務(wù)器的ip）的根目錄底下。
（這個(gè)h5在上傳到服務(wù)器的時(shí)候，可以自己命名，我命名成work了，命名需要和發(fā)布之前的高級(jí)配置里面路徑保持一致）。
6：找一個(gè)工具，連接自己的服務(wù)器，進(jìn)入到自己的服務(wù)器的根目錄底下。
我這里用的是Xftp工具。，我在根目錄底下新建了一個(gè)work,（即靜態(tài)H5的文件夾重命名了）
將static文件夾喝index.html復(fù)制進(jìn)去
好的，這個(gè)時(shí)候就已經(jīng)部署成功了。
7：打開瀏覽器，輸入服務(wù)器ip地址，訪問一下index.html的內(nèi)容吧
http://47.10x.xx.78:8091/work/index.html#/
主機(jī)ip和端口號(hào)也要注意，這里是我的主機(jī)和端口號(hào)，隱藏起來了。
8：注意，這三個(gè)地方的路徑名稱一定要一致哦。
1：打包時(shí)候的配置的運(yùn)行的基礎(chǔ)路徑
2：服務(wù)器根目錄底下存放靜態(tài)文件static和index.html
3：瀏覽器里面訪問的路徑
OK，這樣就結(jié)束了，皆大歡喜，撒花
歡迎關(guān)注【編程微刊】公眾號(hào)，回復(fù)【領(lǐng)取資源】,500G編程學(xué)習(xí)資源干貨免費(fèi)送。
