uni-app 打包h5注意事項

  uni-app在打包成h5時，默認是不支持直接打開的，因爲打包出來是 （/xxx/xxx）這種格式，這點和vue-cli3.0是一致的，在用vue-cll3.0時打包我們會想到在vue.config中配置publicPath,把它配置成（./），但是你在uni-app中是找不到這個文件的，其實在uni官網是有提到publPath，但是說的並不明確（https://uniapp.dcloud.io/collocation/manifest?id=publicpath）

 

   如果我們想打包成直接瀏覽的h5，我們需要配置manifest.json這個文件，在其中的h5配置中加入publicPath配置，配置如下：

  

  代碼爲：

 

	"h5" : {
		"publicPath": "./"
	},

     配置好這個後，以後打包就會生產（./xxx）的引用，這樣就可以通過瀏覽器直接打開而不需要架設成一個服務。但是需要注意的是

      當用css引用圖片即backage-image:url(./xxx/xxx.png)這種格式引用圖片時，地址需要寫出./格式。這樣運行和打包都可以找到該圖片。

      當採用src引用時需要寫出相對路徑即（../../static/xxx.png），但是這樣打包後是找不到該圖片的，最好通過變量和require('../../static/img/java_05.png') 讀取圖片。