最近在寫uni-app項目,項目打包部署到服務器后,搞了好一會一直打開是空白頁,原來自己有幾個地方疏忽了,現把步驟整理一下:
第1步:編輯配置 mainifest.json 文件
tip:運行的基礎路徑,我的是reads路徑,那么服務器上 要新建一個reads文件夾(如下圖)
第2步:點擊HBuilderX頂部菜單發行,選擇網站-h5手機版
第3步:彈出框提示填寫 網站標題和網站域名,然后點擊發行
第4步:控制台可以看到編譯成功
第5步:可以看到unpackage下的h5文件夾,把里面的static 和index.html拷貝到服務器的reads文件夾里,此時項目部署完成,瀏覽器打開xxx.com/reads就可以了(注意不要xxx.com/reads/index.html,這樣頁面是空白)
注意:按照上面步驟部署完成后,打開css,圖片等加載有報錯,是路徑的問題,index.html文件里批量修改一下文件路徑就ok了。