當(dāng)前端uniapp寫的項(xiàng)目開發(fā)完成的時(shí)候呢蛤，需要將頁(yè)面打包出來，生成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)空白頁(yè)面或者靜態(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)送厘线。
